Блог

Главная - Вопросы по программированию - Как я могу привязать событие к выбранному индексу, измененному в элементе ?

Как я могу привязать событие к выбранному индексу, измененному в элементе ?

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

С помощью jQuery как мне прикрепить событие к следующему элементу select, чтобы при изменении индекса он предупреждал «Я изменился!»?

 <select id="selCars">
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</select>

Ответ №1:

Используйте onchange событие. При selectionIndex изменении <select> элемента change событие запускается.

Выполните этот фрагмент кода после создания элемента. Если вы хотите добавить при загрузке, оберните его в $(document).ready(function(){ ... }) , сокращенно $(function(){...}) 

 $("#selCars").change(function(){
    // Do something...
    //this refers to the `<select>` element
    var newoption = $(this)
    var selectedOption = $("option:selected", this);

    //Example: 
    alert("I have changed!");
})

Комментарии:

1. Добавлен диез, чтобы добавить префикс к идентификатору.

Ответ №2:

 $(function(){  
   $("#selCars").change(function() {
       alert("I have changed!");
   });
});

Ответ №3:

 $("#selCars").change(function() {
    alert("I have changed!");
});

Ответ №4:

 $('#selCars').change(function(){
    alert( "I have changed!" );
})