如何为多个选定的插件填充值？

Question

我正在使用jQuery插件（http://harvesthq.github.io/chosen/），我无法将所选值填充到文本框中。

根据选项页面，它说 $（ 'my_select_box '）触发（' 选自：更新'）;

但是我确实有多个选择框，比如说

<select id="select1" class="chzn-select" name="select1" data-placeholder="Choose an employee..." multiple="true" style="width: 350px; display: none;"></select>

<select id="select2" class="chzn-select" name="select2" data-placeholder="Choose an employee..." multiple="true" style="width: 350px; display: none;"></select>

<select id="select3" class="chzn-select" name="select3" data-placeholder="Choose an employee..." multiple="true" style="width: 350px; display: none;"></select>

在我的jQuery脚本中我有

$('.chzn-select', this).chosen(); // do I use this to prepopulate?

但如果我已经在3个选择框中选择了值，我该如何再次填充这些值？

我有一个函数可以将它们保存到数据库中：

$("#btnSave").click(function(){

    var firstVal= $("#select1").val();
    var secondVal= $("#select2").val();
    var thirdVal = $("#select3").val();

     $.ajax({
        type: "post",
        url: "myPoST",
        data: {
            firstVal:firstVal,
            secondVal :secondVal,
            thirdVal :thirdVal;
        },
        ....// what do I do here?
      });
  });

非常感谢帮助。谢谢！

加载页面时所需的输出：

Answer 1

我认为您只需在选项标记see example here

中添加所选属性即可

在你的HTML中：

<select id="ddlCarList" multiple="multiple">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes" selected="selected">Mercedes</option>
    <option value="audi" selected="selected">Audi</option>
</select>

在javascript中：

<script>
jQuery(document).ready(function() {
   jQuery("#ddlCarList").chosen();
});
</script>

check demo here