jQuery 选择插件在 Bootstrap 模式上动态添加选项

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