如何添加選項到jquery多選擇過濾器下拉使用jquery

Question

我必須添加選項到我的下拉列表中使用jquery的multiselect-filter下拉列表調用ajax。

這是我jsfiddle

我沒有表現出任何下拉列表數據，直到用戶類型的東西過濾器。用戶在過濾器中鍵入任何內容時，將會進行一次ajax調用，並將填充下拉菜單。我很喜歡ajax調用，但如何將新選項添加​​到下拉菜單中。

我嘗試了下面的所有選項，將選項添加到我的下拉列表中。

1）從這裏我得到了想法source。這是一個無限循環。

var el = $("#id").multiselect(); 

$("#id").multiselect().multiselectfilter({ 
    filter: function(event, matches){   

     var v = "val", opt = $('<option />', { 
      value: v, 
      text: v 
     }); 
     opt.appendTo(el);  
     el.multiselect('refresh'); 
    } 
}); 

2）從這裏我得到了主意source

var myOptions = { 
    val1 : 'text1', 
    val2 : 'text2' 
}; 
var mySelect = $('#mySelect'); 
$.each(myOptions, function(val, text) { 
    mySelect.append(
     $('<option></option>').val(val).html(text) 
    ); 
}); 

多與少在這裏和那裏的小變化。請建議。

編輯

或者是有沒有辦法隱藏下拉列表的所有選項，並告訴他們，只有當過濾器與其中任何一個相匹配！

Answer 1

您可以使用此：

$('<option />', { 
      value: "test", 
      text: "test" 
     }).appendTo("#test"); 
$("#test").multiselect('refresh'); 

fiddle

您可以在Ajax調用移動它的成功和你得到的結果有填充它。