在jquery选择的插件中动态添加新选项，其中选择多个
[英]dynamically add new option in jquery chosen plugin where select multiple
问题描述
我正在使用选择大师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) );
它不起作用
如何添加新选项？
3 个解决方案
解决方案1
4 已采纳
更新选择列表后，您显然还需要通知Chosen您这样做了。
$("#geoRange").trigger("liszt:updated");
我没有自己使用Chosen（使用Select2代替），但这就是文档所说的。 见http://harvesthq.github.com/chosen/
解决方案2
0 2012-12-30 10:25:56
<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" />
解决方案3
0 2012-12-30 11:02:31
$('#geoRange').append( new Option('USA',2) );
以下声明解决了我的问题
$("#geoRange").trigger("liszt:updated");
动态添加选项以选择选择多个 JQuery 插件
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.