使用相同的 jquery 函数的多个下拉列表

Question

我有另一个问题，我有多个具有相同 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，以便当它们是多个下拉列表并选择一个项目时，将填充相应的任务下拉列表。

Answer 1

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