jQuery选择的插件在引导模式上动态添加选项

我一直在尝试各种方法来从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页面上有select，但append不起作用。你知道我该怎么继续吗？我提取数据没有问题。

试试这个

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

---

不需要使用html字符串。只需在循环中附加select。最后，您需要更新所选元素

查看并查看动态更新所选内容

$(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");

});