Перейдите через опции <select>

У меня есть элемент <select> в HTML. Этот элемент представляет собой раскрывающийся список. Я пытаюсь понять, как перебирать параметры в элементе <select> через JQuery.

Как использовать JQuery для отображения значения и текста каждой опции в элементе <select>? Я просто хочу отобразить их в поле alert().

Ответ 1

$("#selectId > option").each(function() {
    alert(this.text + ' ' + this.value);
});

Ответ 2

Это сработало для меня

$(function() {
    $("#select option").each(function(i){
        alert($(this).text() + " : " + $(this).val());
    });
});

Ответ 3

также может использоваться параметризованный каждый с индексом и элементом.

$('#selectIntegrationConf').find('option').each(function(index,element){
 console.log(index);
 console.log(element.value);
 console.log(element.text);
 });

//это также будет работать

$('#selectIntegrationConf option').each(function(index,element){
 console.log(index);
 console.log(element.value);
 console.log(element.text);
 });

Ответ 4

И необходимый, не-jquery путь для последователей, поскольку Google, кажется, отправляет всех здесь:

  var select = document.getElementById("select_id");
  for (var i = 0; i < select.length; i++){
    var option = select.options[i];
    // now have option.text, option.value
  }

Ответ 5

Также не jQuery

[...select].forEach(el => {
  // code
});