jQuery選擇插件添加選項動態引導模態

Question

我一直在嘗試各種方式來從ajax動態添加，但無濟於事。

我曾嘗試：

$(function(){ 
//var htmlstring=""; 
$('#createNewTags').tokenfield(); 
$('#myModal').on('shown.bs.modal', function() { 
    //var htmlstring=""; 
     $('.chzn-select', this).load("/availableTags.do", function(response, status, xhr){ 
      var htmlstring=""; 
      if(status == "success"){ 
       var arrayVal = $.parseJSON(response.substring(response.indexOf("["), response.indexOf("}"))); 
       //var htmlstring=""; 
       $.each(arrayVal, function(index, value) { 
        htmlstring +="<option value="+value+">"+value+"<option>\n"; 
       }); 

      } 

     }); 
     $('.chzn-select', this).chosen(); 

}); 

我htmlstring沒有填充我想要的東西，這是

<option value="tagvalue">tagvalue</option> 
<option value="tagvalue2">tagvalue2</option> 
<option value="tagvalue3">tagvalue3</option> 
<option value="tagvalue4">tagvalue4</option> 

，但我不知道如何添加此htmlstring閱讀。我有我的jsp頁面上的「選擇」，但追加不起作用。任何想法我應該從這裏繼續？我沒有問題拔出數據。

Answer 1

試試這個

$('.chzn-select').append("<option value='"+value+"'>"+value+"</option>"); 
$('.chzn-select').chosen().trigger("chosen:updated"); 

Answer 2

有沒有必要使用HTML字符串。只需在迴路中附加您的select即可。最後你需要更新chosen()元素。

$(function(){ 
$('#createNewTags').tokenfield(); 
$('#myModal').on('shown.bs.modal', function() { 
    //var htmlstring=""; 
     $('.chzn-select', this).load("/availableTags.do", function(response, status, xhr){ 
      var htmlstring=""; 
      if(status == "success"){ 
       var arrayVal = $.parseJSON(response.substring(response.indexOf("["), response.indexOf("}"))); 
       //var htmlstring=""; 
       $.each(arrayVal, function(index, value) { 
        $("select").append("<option value="+value+">"+value+"<option>"); 
       }); 

      } 

     }); 
     $('.chzn-select', this).chosen().trigger("chosen:updated"); 

}); 

看看Chosen documentation，尋找更新選上的動態