使用相同的jQuery功能的多个下拉菜单
问题描述:
我有其他问题,我有多个下拉菜单具有相同的jQuery功能。当我选择第一个项目下拉菜单时,相应的任务下拉列表被选中。但是当我有多个下拉菜单时,只有第一个下拉菜单被选中。当在下拉列表中选择项目时有多个下拉列表,我希望相应的任务下拉列表被更新。使用相同的jQuery功能的多个下拉菜单
我的任务下拉列表看起来像这样
<select id="task_id" name="tasks_id[]" size="8" multiple="1">
<optgroup label="01 CONSULT" >
<option value="1">1a Rules</option>
<option value="2">1b Vacation</option>
<option value="3" >1c Meetings</option>
</optgroup>
<optgroup label="02 SALES" >
<option value="12"> 2c Internal</option>
<option value="13"> 2d External </option>
</optgroup>
</select>
HTML代码
<%= select_tag "task_id[]", options_from_collection_for_select([unspecified_task], 'id', 'name', entry.task_id || unspecified_task.id) + grouped_options_for_select(active_task_options, entry.task_id.to_s) %>
我想知道怎么写了jQuery,以便在其多个下拉菜单并选择一个项目相应的任务下拉将被填充。
答
这可能是因为您有多个下拉列表的相同ID或名称。
是的,我有多个下拉菜单的相同ID,因此想知道如何解决这个问题 – Archie123
在html中的每个元素应该有唯一的ID。为每个多个下拉菜单分配唯一的ID。这应该可以解决你的问题。 – NishiJain