Multiselect javascript

Question

我正在使用this widget進行多重選擇。我需要動態添加和從列表中刪除數據。

<select class="multiselect" id="programmes" multiple="multiple"> 
     <option value="all" data-name="all_programmes" data-id="all_programmes" data-value="all" selected="selected">If this criterion is relevant to you, choose one or more options</option> 
     <% Interact::Keep::Programme.used_for_statistics.ordered("period DESC, name").all.each do |p| %> 
      <option value="<%=p.id%>" data-name="<%=p.name%>" data-id="#<%=p.id%>_programmes" data-value="<%=p.id%>" data-source="<%=p.source%>"><%=p.name%></option> 
     <% end %> 
    </select> 

在javascript中我需要更改數據，有人可以幫助我嗎？

Answer 1

你的問題不清楚。首先你應該爲軌道數據插值。 你可以寫選項的數據是這樣的：

<option value="#{p.id}" data-name="#{p.name}" data-id="##{p.id}_programmes" data-value="#{p.id}" data-source="#{p.source}">"#{p.name}"</option> 

對於添加和刪除在JavaScript，你可以做這樣的選擇：

$('#programmes > option:selected').each(function(opt) { 
opt.remove();  

}）;

請添加更多的代碼片段，所以我可以幫助你。

乾杯 Hitendra

Answer 2

請點擊此鏈接我得到有效解決 http://www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/