Trigger действия при выборе на одной из опции выпадающего меню

Question

У меня есть выпадающий список-меню

Я хочу, чтобы вызвать что-то при выборе на одной опции. Я попытался

$.each(objects.assignments, function(index, value) { 
    $('#group-' + index).click(function() { 
     updateInfo(index); 
     chart.draw(data[index], options); 
     if (index == 0){ 
      $("#as-dd.dropdown").text('Summary'); 
      console.log("A"); 
     } 
     else{ 
      $("#as-dd.dropdown").text('Group ' + index); 
      console.log("B"); 
     } 
    }); 
}); 

---

• Я не получил сообщение об ошибке в консоли.
• Мне также нечего было показать в консоли.

Как я могу активировать что-либо при выборе одной из опций?

Могу ли я использовать .click()?

Любые помощь/предложения по этому поводу будут высоко оценены.

Answer 1

Вы не хотите click, вам нужно change:

$.each(objects.assignments, function(index, value) { 
    $('#group-' + index).change(function() { 
     updateInfo(index); 
     chart.draw(data[index], options); 
     if (index == 0){ 
      $("#as-dd.dropdown").text('Summary'); 
      console.log("A"); 
     } 
     else{ 
      $("#as-dd.dropdown").text('Group ' + index); 
      console.log("B"); 
     } 
    }); 
}); 

Answer 2

Вам не нужно .each() или .click(). Используйте метод .change(), подобный этому

$('select').on('change', function(){ 
    var selectedValue = $(this).val(); 
    // based on the selectedValue you can do something 
});