使用相同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或名称。