examples - jquery pdf

Iterar a través de<seleccionar> opciones

Question

Tengo un elemento <select> en HTML. Este elemento representa una lista desplegable. Estoy tratando de entender cómo iterar a través de las opciones en el elemento <select> través de JQuery.

¿Cómo uso JQuery para visualizar el valor y el texto de cada opción en un elemento <select> ? Solo quiero mostrarlos en un cuadro de alert() .

Answer 1

Esto funcionó para mí

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

Answer 2

También no jQuery

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

Answer 3

Y la forma necesaria, sin jquery, para los seguidores, ya que google parece enviar a todos aquí:

  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
  }

Answer 4

también puede usar parametrizado cada uno con índice y el elemento.

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

// esto también funcionará

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

Answer 5

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

• http://api.jquery.com/each/
• http://jsfiddle.net/Rx3AP/