jQuery obtener opciones de la lista desplegable, selecciona

Esta traducción de: jQuery desplegable del Obtener el Desde el seleccionado la opción

El utilizo Por lo general, $("#id").val()para volver al valor de la asignada a la de la opción, pero no esta vez el trabajo. Normalmente, utilizo $("#id").val()el valor de retorno de la opción seleccionada, pero esto no funciona. La etiqueta seleccionada tiene el ID aioConceptName de la ID de la etiqueta seleccionada para laaioConceptName

De código HTML HTML Dai码

<label>Name</label>
<input type="text" name="name" />
<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>

---

# 1 planta

Referencia: https://stackoom.com/question/iiuv/jQuery consigue opciones seleccionadas de la lista desplegable

---

Casa # 2

Para las opciones desplegables es probable que desee algo como esto: para las opciones desplegables, es posible que desee algo como esto:

var conceptName = $('#aioConceptName').find(":selected").text();

Razón en El val()no hacerlo en el truco es UN Debido clic en la opción no lo hace por el cambio en el valor del desplegable - el Justo añade a la :selectedpropiedad a la seleccionada la opción en la parte que es un niño del desplegable de la. val()Causa del problema no se resuelve, haga clic opción no cambia el valor del menú desplegable, sólo se :selectedañade a la propiedad como un menú desplegable de los niños de las opciones seleccionadas.

---

Casa # 3

Me encontré con este problema y ha desarrollado una versión más concisa de la respuesta de Elliot Bonneville: me encontré con este problema y ha desarrollado una más concisa Elliot Bonneville respuesta:

var conceptName = $('#aioConceptName :selected').text();

o genéricamente: o en general:

$('#id :pseudoclass')

Esto le ahorra una llamada jQuery adicional, selecciona todo de una sola vez, y es más claro (mi opinión). Esto le ahorra llamadas jQuery adicionales, una vez para seleccionar todo el contenido, sino también más clara (creo).

---

# 4 piso

Para probar este valor ... Prueba esta buena relación calidad-precio ...

$("select#id_of_select_element option").filter(":selected").val();

o este para el texto ... o el texto ...

$("select#id_of_select_element option").filter(":selected").text();

---

Casa # 5

<select id="form-s" multiple="multiple">
    <option selected>city1</option>
    <option selected value="c2">city2</option>
    <option value="c3">city3</option>
</select>   
<select id="aioConceptName">
    <option value="s1" selected >choose io</option>
    <option value="s2">roma </option>
    <option value="s3">totti</option>
</select>
<select id="test">
    <option value="s4">paloma</option>
    <option value="s5" selected >foo</option>
    <option value="s6">bar</option>
</select>
<script>
$('select').change(function() {
    var a=$(':selected').text(); // "city1city2choose iofoo"
    var b=$(':selected').val();  // "city1" - selects just first query !
    //but..
    var c=$(':selected').map(function(){ // ["city1","city2","choose io","foo"]
        return $(this).text();
    }); 
    var d=$(':selected').map(function(){ // ["city1","c2","s1","s5"]
        return $(this).val();
    });
    console.log(a,b,c,d);
});
</script>

---

Casa # 6

Ha considerado el uso de JavaScript simple y llano? ¿Ha considerado el uso de JavaScript viejo y simple?

var box = document.getElementById('aioConceptName');

conceptName = box.options[box.selectedIndex].text;

Vea también el texto Opción AN / valor Conseguir con JavaScript Véase también utilizar la opción de JavaScript para obtener el texto / valor