當從下拉列表中添加數據時，數據不應再出現在下拉列表中

Question

我試圖從下拉列表中僅顯示數據庫中不存在的那些國家/地區名稱，例如，如果我將“瓶子”添加到數據庫中，則“瓶子”值不應再出現在下拉列表中。

表格索引

<div class="form-group" id="frm_packages">
<select class="form-control" id="packages" name="packages"title="packages">

         <option value="Pack">Pack</option>
         <option value="Bottles">Bottles</option>
         <option value="Cartons">Cart</option>
         <option value="Boxes">Boxes</option>
         <option value="Cans">Cans</option>
         <option value="Bags">packages</option>
</select>
<div class="d-inline"></div>
</div>

//腳本顯示數據

var table = $('#packageTable').DataTable({
    dom: 'Bfrtip',
    aaSorting: [[2, 'asc']],
    stateSave: true,
    processing: true,
    serverSide : false,
    bSortable: true,
    responsive : true,
    autoWidth : false,
    order: [[0, 'desc']],
    buttons: [
        'create', 'print', 'reload'
    ],

    ajax: '{{route('admin.packages.index')}}',
    columns: [
        {data: 'id', name: 'id'},
        {data: 'name', name: 'name'},

    ],
});

//添加新數據

$(document).on('click','#btnSave', function(e){
    e.preventDefault();
    $.ajax({
        url: "{{ route('admin.packages.store') }}",
        type: 'POST',
        dataType: 'json',
        data: {
            name: $('#packages').val(),

        },
        success:function(data){
            if (data.status == true) {
                $('#new').modal('hide');
                frm.trigger('reset');
                table.ajax.reload( null, false );
                Toast.fire({
                  type: 'success',
                  title: 'added successful'
                })
            }
        },

    });
});

//控制器

public function index(PackageDataTable $dataTable)
{
    return $dataTable->render('admin.packages.index');
}


public function store(Request $request)
{
     request()->validate(['name'=>['required','unique:packages'],]);
     Package::create(request()->all());
     return response()->json(array("status"=>true));
}

//模型

protected $fillable = ['name'];    

public function products()
{
    return $this->belongsToMany(Product::class)
}

我應該怎么做才能在下拉列表中不顯示現有數據

Answer 1

最初，您應該獲取所有數據，然后必須將其一一分配給js變量，因為javascript是適用於您頁面客戶端的語言。 最后，通過應用if{}和else{}條件，您可以獲得所需的結果。