Obtenga el texto seleccionado de la lista desplegable (seleccione el campo) usando jQuery

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

2078
29 окт. Haddar se establece el 29 de octubre. 2009-10-29 15:02 '09 a las 15:02 2009-10-29 15:02
@ 32 respuestas
  • 1
  • 2
 $("#yourdropdownid option:selected").text(); 
3461
29 окт. la respuesta se da rahul 29 oct. 2009-10-29 15:05 '09 a las 15:05 2009-10-29 15:05

Intenta lo siguiente:

 $("#myselect :selected").text(); 
border=0

Para la lista desplegable de ASP.NET, puede usar el siguiente selector:

 $("[id*='MyDropDownId'] :selected") 
244
29 окт. respuesta es dada por kgiannakakis el 29 de octubre. 2009-10-29 15:04 '09 a las 15:04 2009-10-29 15:04

Respuestas publicadas aquí, por ejemplo,

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

No me funcionó, pero es:

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

Tal vez esta es una versión más antigua de jQuery.

190
19 марта '12 в 14:41 2012-03-19 14:41 la respuesta se da JYX 19 de marzo de 2012 a las 14:41 2012-03-19 14:41

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

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

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

Actualización: enlace corregido arriba

95
04 февр. La respuesta la da Kirk Liemohn el 4 de febrero. 2012-02-04 08:17 '12 a las 8:17 am 2012-02-04 08:17
 $("option:selected", $("#TipoRecorde")).text() 
61
16 авг. La respuesta la da Rafael 16 de agosto. 2011-08-16 20:56 '11 a las 20:56 2011-08-16 20:56

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

53
14 нояб. La respuesta se da Neeraj 14 nov. 2011-11-14 12:22 '11 a las 12:22 2011-11-14 12:22

Funciona para mi

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

Versión jQuery : 1.9.1

53
25 сент. La respuesta se da Binita Bharati el 25 de septiembre. 2013-09-25 10:36 '13 a las 10:36 2013-09-25 10:36

Funciona para mi

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

Si un artículo se crea dinámicamente

 $(document).on("change", "#dropdownid", function() { alert($(this).find("option:selected").text()); }); 
51
14 авг. La respuesta se da Prabhagaran 14 ago. 2015-08-14 14:12 '15 a las 14:12 2015-08-14 14:12

Para el texto del artículo seleccionado, utilice:

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

Para el valor del artículo seleccionado, use:

 $('select[name="thegivenname"] option:selected').val(); 
41
25 янв. Kamrul respondió el 25 de enero 2013-01-25 02:22 '13 a las 2:22 2013-01-25 02:22

Diferentes formas

 1. $("#myselect option:selected").text(); 2. $("#myselect :selected").text(); 3. $("#myselect").children(":selected").text(); 4. $("#myselect").find(":selected").text(); 
32
03 авг. La respuesta se da Salim 03 ago. 2014-08-03 22:39 '14 a las 10:39 pm 2014-08-03 22:39
 $("#dropdownID").change(function(){ alert($('option:selected', $(this)).text()); }); 
28
01 февр. La respuesta se da NJ 01 Feb. 2014-02-01 08:55 '14 a las 8:55 2014-02-01 08:55
 var someName = "Test"; $("#<%= ddltest.ClientID %>").each(function () { $('option', this).each(function () { if ($(this).text().toLowerCase() == someName) { $(this).attr('selected', 'selected') }; }); }); 

Esto te ayudará en la dirección correcta. El código anterior está completamente probado, si necesita más ayuda, avíseme.

26
07 окт. La respuesta se da Zarni 07 oct. 2010-10-07 13:09 '10 a las 13:09 2010-10-07 13:09

Para aquellos que usan listas de SharePoint y no desean usar un identificador generado durante mucho tiempo, esto funcionará:

 var e = $('select[title="IntenalFieldName"] option:selected').text(); 
18
06 нояб. respuesta dada por la FAA 06 de noviembre 2013-11-06 00:38 '13 a las 0:38 2013-11-06 00:38

Por favor use este

 var listbox = document.getElementById("yourdropdownid"); var selIndex = listbox.selectedIndex; var selValue = listbox.options[selIndex].value; var selText = listbox.options[selIndex].text; 

Luego informe "selValue" y "selText". Usted obtiene su valor desplegable resaltado y texto.

18
14 мая '15 в 17:21 2015-05-14 17:21 Mohammed Shaheen MK respondió el 14 de mayo de 2015 a las 17:21 2015-05-14 17:21
  $("#selectID option:selected").text(); 

En lugar de #selectID puede usar cualquier selector de jQuery, como .selectClass , usando la clase.

Como se indica en la documentación aquí .

El selector seleccionado funciona para <elementos de opción. No funciona para banderas o entradas de radio; uso :checked para ellos.

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

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

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

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

16
30 янв. Respuesta de Nikhil Agrawal 30 de enero. 2014-01-30 17:29 '14 a las 17:29 2014-01-30 17:29
 $("select[id=yourDropdownid] option:selected").text() 

Funciona genial

14
23 апр. Respuesta dada por Thangamani Palanisamy 23 de abril. 2013-04-23 13:04 '13 a las 13:04 2013-04-23 13:04

Para obtener el valor seleccionado, use

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

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

 $("#dropDownId option:selected").text(); 
12
23 янв. Respuesta dada por Mojtaba el 23 de enero. 2016-01-23 12:07 '16 a las 12:07 2016-01-23 12:07
 $('#id').find('option:selected').text(); 
12
11 апр. La respuesta la da Nikul el 11 de abril. 2015-04-11 12:39 '15 a las 12:39 2015-04-11 12:39

Seleccione el texto y el valor seleccionado en la lista desplegable / seleccione el evento de cambio en jQuery

 $("#yourdropdownid").change(function() { console.log($("option:selected", this).text()); //text console.log($(this).val()); //value }) 
10
19 нояб. Respuesta dada por Sandeep Shekhawat 19 de noviembre 2015-11-19 08:36 '15 a las 8:36 am 2015-11-19 08:36

Uso:

 ('#yourdropdownid').find(':selected').text(); 
9
31 июля '14 в 18:11 2014-07-31 18:11 la respuesta se da kishore 31 de julio de 2014 a las 18:11 2014-07-31 18:11
 var e = document.getElementById("dropDownId"); var div = e.options[e.selectedIndex].text; 
7
04 янв. La respuesta se da Kalaivani M 04 jan. 2017-01-04 15:53 '17 a las 15:53 2017-01-04 15:53

Lo siguiente me funcionó:

 $.trim($('#dropdownId option:selected').html()) 
7
17 сент. Respuesta dada por Mohammad Dayyan el 17 de septiembre. 2015-09-17 08:13 '15 a las 8:13 AM 2015-09-17 08:13

En matrimonio

 <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>  $(this).siblings('select').children(':selected').text() 
7
05 дек. La respuesta se da vineet 05 dic. 2014-12-05 09:33 '14 a las 9:33 2014-12-05 09:33

Prueba

 $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:

6
09 марта '17 в 10:03 2017-03-09 10:03 La respuesta la da Vishal Thakur el 9 de marzo de 2017 a las 10:03 2017-03-09 10:03

Este trabajo para mí:

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

Estoy usando jQuery 1.10.2

6
09 июля '15 в 5:00 2015-07-09 05:00 Rhaymand Tatlonghari respondió el 9 de julio de 2015 a las 5:00 de la tarde , 2015-07-09 05:00

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <select id="selectnumber"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> <option value="4">four</option> </select> </div> </form> </body> </html> 

2019

09 авг. La respuesta es Bhanu pratap 09 ago. 2016-08-09 20:01 '16 a las 8:01 pm 2016-08-09 20:01

Si desea obtener el resultado en forma de una lista, utilice:

 x=[]; $("#list_id").children(':selected').each(function(){x.push($(this).text());}) 
3
19 янв. la respuesta se da max 19 de enero 2017-01-19 00:56 '17 a las 0:56 2017-01-19 00:56

Yo personalmente lo prefiero

 $(this).find("option:selected").text(); 

Si tiene un grupo optgroup en su campo de selección, el código anterior funcionará bien, this campo de selección.

1
08 авг. La respuesta está dada por la estrella de rock 08 ago. 2018-08-08 07:52 '18 a las 7:52 am 2018-08-08 07:52

Solo prueba el siguiente código.

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

Devuelve el texto de la opción seleccionada.

1
13 нояб. La respuesta es dada por Muddasir23 13 de noviembre 2018-11-13 09:03 '18 a las 9:03 2018-11-13 09:03
 $("#dropdownid option:selected").text(); 

si usas asp.net y escribes

 <Asp:dropdownlist id="ddl" runat="Server" /> 

entonces deberías usar

 $('#<%=ddl.Clientid%> option:selected').text(); 
0
21 мая '18 в 14:01 2018-05-21 14:01 Manish Singh da la respuesta el 21 de mayo de 18 a las 14:01 2018-05-21 14:01
  • 1
  • 2