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中我需要更改数据，有人可以帮助mi吗？

Answer 1

你的问题不明确。首先，您应该对rails数据进行插值。你可以写这样的选项数据：

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

多选javascript

2 个答案: