我正在使用选择大师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) );
它不工作
如何添加新选项？
更新选择列表后，您显然还需要通知 Chosen 您这样做了。
$("#geoRange").trigger("liszt:updated");
我自己没有使用过选择（使用 Select2 代替），但这就是文档所说的。见http://harvesthq.github.com/chosen/
<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" />
$('#geoRange').append( new Option('USA',2) );
以下语句解决了我的问题
$("#geoRange").trigger("liszt:updated");