Obtenga el texto seleccionado de una lista desplegable (cuadro de selección) usando jQuery

¿Cómo puedo obtener el texto seleccionado (no el valor seleccionado) de una lista desplegable en jQuery?

$("#yourdropdownid option:selected").text();

Prueba esto:

$("#myselect :selected").text();

Para un menú desplegable de ASP.NET puede usar el siguiente selector:

$("[id*='MyDropDownId'] :selected")

Las respuestas publicadas aquí, por ejemplo,

$('#yourdropdownid option:selected').text();

no funcionó para mí, pero esto sí:

$('#yourdropdownid').find('option:selected').text();

Es posiblemente una versión anterior de jQuery.

Si ya tiene la lista desplegable disponible en una variable, esto es lo que funciona para mí:

$("option:selected", myVar).text()

Las otras respuestas a esta pregunta me ayudaron, pero en última instancia, el hilo del foro jQuery $ (esta + "opción: seleccionada"). La opción attr ("rel") seleccionada no funciona en IE fue la que más ayudó.

Actualización: reparó el enlace de arriba

Esto funciona para mi

$("#dropdownid").change(function() {
    alert($(this).find("option:selected").text());
});

Si el elemento creado dinámicamente

$(document).on("change", "#dropdownid", function() {
    alert($(this).find("option:selected").text());
});

$("option:selected", $("#TipoRecorde")).text()

$("#DropDownID").val() dará el valor del índice seleccionado.

Esto funciona para mi:

$('#yourdropdownid').find('option:selected').text();

Versión de jQuery : 1.9.1

Para el texto del elemento seleccionado, use:

$('select[name="thegivenname"] option:selected').text();

Para el valor del elemento seleccionado, use:

$('select[name="thegivenname"] option:selected').val();

Varias maneras

1. $("#myselect option:selected").text();

2. $("#myselect :selected").text();

3. $("#myselect").children(":selected").text();

4. $("#myselect").find(":selected").text();

$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

Utilizar este

const select = document.getElementById("yourSelectId");

const selectedIndex = select.selectedIndex;
const selectedValue = select.value;
const selectedText = select.options[selectedIndex].text;   

Luego obtienes el valor seleccionado y el texto dentro selectedValuey selectedText.

var someName = "Test";

$("#<%= ddltest.ClientID %>").each(function () {
    $('option', this).each(function () {
        if ($(this).text().toLowerCase() == someName) {
            $(this).attr('selected', 'selected')
        };
    });
});

Eso te ayudará a obtener la dirección correcta. El código anterior se prueba completamente si necesita más ayuda, hágamelo saber.

Para aquellos que usan listas de SharePoint y no quieren usar la identificación generada durante mucho tiempo, esto funcionará:

var e = $('select[title="IntenalFieldName"] option:selected').text();

 $("#selectID option:selected").text();

En lugar de #selectIDusar cualquier selector jQuery, como .selectClassusar class.

Como se menciona en la documentación aquí .

El selector seleccionado funciona para elementos <option>. No funciona para casillas de verificación o entradas de radio; utilizar :checkedpara ellos.

.text () Según la documentación aquí .

Obtenga el contenido de texto combinado de cada elemento en el conjunto de elementos coincidentes, incluidos sus descendientes.

Por lo tanto, puede tomar texto de cualquier elemento HTML utilizando el .text()método

Consulte la documentación para una explicación más profunda.

$("select[id=yourDropdownid] option:selected").text()

Esto funciona bien

Para obtener el valor seleccionado use

$('#dropDownId').val();

y para obtener el texto del elemento seleccionado use esta línea:

$("#dropDownId option:selected").text();

$('#id').find('option:selected').text();

Seleccione Texto y valor seleccionado en el menú desplegable / seleccione evento de cambio en jQuery

$("#yourdropdownid").change(function() {
    console.log($("option:selected", this).text()); //text
    console.log($(this).val()); //value
})

Simplemente intente el siguiente código.

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

devuelve el texto de la opción seleccionada.

Utilizar:

('#yourdropdownid').find(':selected').text();

var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;

lo siguiente funcionó para mí:

$.trim($('#dropdownId option:selected').html())

Este trabajo para mi:

$("#city :selected").text();

Estoy usando jQuery 1.10.2

En caso de hermanos

<a class="uibutton confirm addClient" href="javascript:void(0);">ADD Client</a>
<input type="text" placeholder="Enter client name" style="margin: 5px;float: right" class="clientsearch large" />
<select class="mychzn-select clientList">
  <option value="">Select Client name....</option>
  <option value="1">abc</option>
</select>


 /*jQuery*/
 $(this).siblings('select').children(':selected').text()

Tratar:

$var = jQuery("#dropdownid option:selected").val();
   alert ($var);

O para obtener el texto de la opción, use text():

$var = jQuery("#dropdownid option:selected").text();
   alert ($var);

Más información:

• http://api.jquery.com/val/
• http://api.jquery.com/text/

Si desea el resultado como una lista, use:

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})

$("#dropdown").find(":selected").text();


$("#dropdown :selected").text();

$("#dropdown option:selected").text();

$("#dropdown").children(":selected").text();

Este código me funcionó.

$("#yourdropdownid").children("option").filter(":selected").text();