使用相同的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，以便在其多个下拉菜单并选择一个项目相应的任务下拉将被填充。

来源

2017-08-25 Archie123

这可能是因为您有多个下拉列表的相同ID或名称。

来源

2017-08-25 15:36:45 NishiJain

是的，我有多个下拉菜单的相同ID，因此想知道如何解决这个问题 – Archie123

在html中的每个元素应该有唯一的ID。为每个多个下拉菜单分配唯一的ID。这应该可以解决你的问题。 – NishiJain

使用相同的jQuery功能的多个下拉菜单

回答

相关问题