Bei Änderung Wählen Sie - Daten erhalten

Question

Hey, was ich brauche, wenn Benutzer ändern Option:
zum Beispiel, wenn der Benutzer die zweite Option wählen muss es durch 2 .. etc zurückgegeben werden.

Mein Code unten:

$('.selectContainer').on('change', function() { 
 
     var index =   $(this).find('.selectCar').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 1

Verwenden $(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

Aktualisieren Sie Ihren Code jQuery wie als -

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