时间戳

首页 > 解决方案 > 如何避免在多选jquery中使用相同的值

javascript - 如何避免在多选jquery中使用相同的值

问题描述

我将 select2 用于多选字段。multiselect 在循环的帮助下通过 jQuery 填充，但问题是如果一个 vlaue 出现两次，它也会被选中两次。我怎样才能避免这种重复？

HTML

<div class="col-lg-6 form-group-sub ">
    <label class="form-control-label required">Supplier</label>
    <select  data-ajax--url="/live_search_relational/Customer/id/name/name/status/1" class="form-control kt-select2 kt-live_search form-control-md" id="supplier_id" multiple name="supplier_id[]" data-placeholder="Select Supplier" required>
        <option></option>
    </select>
</div>

jQuery

let data = res?.data;
let carton = 0;
let pallet = 0;
$('#consignment_id').empty();
$('#supplier_id').empty();

for (var i = 0; i < data.length; i++) {
    console.log(data[i])
    carton += Number(data[i]?.carton);
    pallet += Number(data[i]?.pallet);

    $("#supplier_id").append(`<option value="${data[i]?.customer_id}" 
        selected>${data[i]?.customers?.name}</option>`);
}

$('#carton').val(carton)
$('#pallet').val(pallet);

标签： javascriptjqueryjquery-select2

解决方案

推荐阅读