Question

我正在使用选择主人http://harvesthq.github.com/chosen/

示例

<select data-placeholder="Click to Select Role..." style="width:200px;"  id="geoRange" name="geoRange" class="chzn-select" tabindex="8" multiple>
<option value="1">England</option>
</select>

我在此选择中添加了新选项

$('#geoRange').append( new Option('USA',2) );

无效

如何添加新选项？

Answer 1

更新选择列表后，您显然还需要通知Chosen您已经这样做了。

$("#geoRange").trigger("liszt:updated");

我自己没有使用过选择（使用Select2代替），但这就是文档所说的。见http://harvesthq.github.com/chosen/

Answer 2

    <script type="text/javascript">
function fnc()
{
var select1 = document.getElementById("geoRange");
select1.options[select1.options.length] = new Option('USA', 2);
}
</script>
</head>

<body>
<select data-placeholder="Click to Select Role..." style="width:200px;"  id="geoRange" name="geoRange" class="chzn-select" tabindex="8" multiple>
<option value="1">England</option>
</select>
<input type="button" onclick="fnc()" value="click me" />

Answer 3

$('#geoRange').append( new Option('USA',2) );

以下陈述解决了我的问题

 $("#geoRange").trigger("liszt:updated");

在jquery选择的插件中动态添加新选项，其中选择多个

3 个答案: