在更改时选择 - 获取数据

Question

当用户更改选项时，嘿我需要的是：
例如，如果用户选择第二个选项，则必须返回2 ..等等。

我的代码如下：

＆＃13;

＆＃13;

  $('.selectContainer').on('change', function () {
        var index =            $(this).find('.selectCar').data('index');
        alert(index);
    })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <select class="selectContainer">
        <option class="selectCar" data-index="1">
            one
        </option>
        <option class="selectCar" data-index="2">
            two
        </option>
        <option class="selectCar" data-index="3">
            three
        </option>
        <option class="selectCar" data-index="4">
            four
        </option>
    </select>

＆＃13;

＆＃13;

＆＃13;

Answer 1

使用$(this).find('option:selected').data('index');

$('.selectContainer').on('change', function() {
  var index = $(this).find('option:selected').data('index');
  alert(index);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select class="selectContainer">
        <option class="selectCar" data-index="1">
            one
        </option>
        <option class="selectCar" data-index="2">
            two
        </option>
        <option class="selectCar" data-index="3">
            three
        </option>
        <option class="selectCar" data-index="4">
            four
        </option>
    </select>

Answer 2

$('.selectContainer').on('change', function () {
        var index =            $(this).find('.selectCar:selected').data('index');
        alert(index);
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <select class="selectContainer">
        <option class="selectCar" data-index="1">
            one
        </option>
        <option class="selectCar" data-index="2">
            two
        </option>
        <option class="selectCar" data-index="3">
            three
        </option>
        <option class="selectCar" data-index="4">
            four
        </option>
    </select>

Answer 3

  

更新你的jQuery代码，如as -

$('.selectContainer').change(function () {
    var index = $(this).find('.selectCar:selected').data('index');
    console.log(index);
});