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