jQuery中選擇的插件動態添加新的選項，其中選擇多個

我使用選擇掌握http://harvesthq.github.com/chosen/jQuery中選擇的插件動態添加新的選項，其中選擇多個

例

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

它不工作

如何添加新的選項？

來源

2012-12-30 Shahid Ghafoor

更新選擇列表後，您顯然還需要通知Chosen您已經這樣做了。

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

我還沒有用過選擇自己（用Select2代替），但這就是文檔所說的。見http://harvesthq.github.com/chosen/

來源

2012-12-30 11:01:44 hayavuk

<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" />

來源

2012-12-30 10:25:56 polin

親愛的，簡單的工作，但是當我使用harvesthq.github.com/chosen它無法正常工作。 –

@ShahidGhafoor：這很可能是因爲當底層select元素更新時，Chosen不會自行更新。你應該看看Chosen的文檔，看看你是否可以分離並重新附加它。或者，也許Chosen有自己的API來添加新項目。 – hayavuk

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

下面的語句解決我的問題

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

來源

2012-12-30 11:02:31

jQuery中選擇的插件動態添加新的選項，其中選擇多個

回答

相關問題