機能が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 
    }); 
} 

をしかし、それはまだ、追加アイテム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 1

、あなたはおそらくループのためにあなたに必要とされるよりも1つの多くの時間のためにそれをループしています

クラスproduct-detailingのすべての要素に追加されます。そのクラスには<div>と<select>があります。

それだけ <select>要素を対象とするよう

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

にあなたのセレクタを変更し

。

Answer 2

あなたのセレクタ

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

：あなたはこれをやってみることができます

：あなたのコードで