Laravel vuejs 更改的选定索引

Question

当我更改选项时，如何确定 select2 上的选定索引。问题是我想确定我选择了哪个 select2，并通过调用所选选择的 id 来确定它。

我需要在更改时调用此 ID，但这取决于 select2 的索引

:id="'passenger-select-'+index"

选择2个vue

    <tr v-for="index in total" :key="index">
      <td scope="row" class="text-center">{{index}}</td>
      <td>
        <select  class="details-input form-control select2" :id="'passenger-select-'+index" :name="'pax_name_'+index">
          <option label="Label"></option>
          <option v-for="(result,index) in results" :key="index" :value="result.first_name + ' ' + result.middle_name + ' ' + result.last_name ">{{result.first_name}} {{result.middle_name}} {{result.last_name}}</option>
        </select>
      </td>
      <td><input :name="'pax_des_'+index" class="details-input form-control" type="text" disabled v-model="designation"/></td>
      <td>
        <input :name="'pax_gen_'+index" class="details-input form-control" type="text" disabled v-model="gender"/>
      </td>
   </tr>

Jquery 改变

 $('#passenger-select-').on('change', () => {
    alert("test" + index_selected);
 });

Answer 1

你是说

$('[id^="passenger-select-"]').on('change', e => {
  alert("test" + e.target.selectedIndex);
}); 

或

$('.select2').on('change', e => {
  alert("test" + e.target.selectedIndex);
});