函數創建selectpicker

Question

的額外錯誤的項目我寫了一個函數來更新引導selectpicker：

function LoadProductDetailings() { 
    var productId = $(this).val(); 
    $('.product-detailing').find('option').remove(); 
    $.ajax({ 
     url: '@Url.Action("ProductDetailings", "Task")', 
     data: 'ProductId=' + productId, 
     success: function (response) { 
      var detailings = JSON.parse(response); 

      if (detailings != null) { 

       for (var i = 0; i < detailings.length; ++i) { 
        var det = detailings[i]; 
        $('.product-detailing').append('<option value="' + det.Id + '">' + det.Name + '</option>'); 
       } 

       $('.product-detailing').selectpicker("refresh"); 
      } 
     }, 
     error: function (response) { 
      alert('@Errors.ActionFailed'); 
     }, 
     timeout: 15000 
    }); 
} 

但它會產生一個再其它的項目：

如何解決呢？

Answer 1

在代碼中，你可能循環它不是在您需要的循環1周更多的時間：

你可以試試這樣做：

for (var i = 0; i < detailings.length - 1; ++i) { 
    var det = detailings[i]; 
    $('.product-detailing').append('<option value="' + det.Id + '">' + det.Name + '</option>'); 
} 

Answer 2

你選擇

$('.product-detailing').append('<option...>');

附加到類別爲product-detailing的每個元素。您有該類別的<div>和<select>。

您的選擇更改爲

$('select.product-detailing').append('<option...>');

，使其僅定位到<select>元素。