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

seleccionar un option de un select javascript

Question

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

Answer 1

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()

Answer 2

Este trabajo para mí:

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

Estoy usando jQuery 1.10.2

Answer 3

Esto funciona para mí:

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

Versión jQuery : 1.9.1

Answer 4

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());
});

Answer 5

Las respuestas publicadas aquí, por ejemplo,

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

no funcionó para mí, pero esto hizo:

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

Posiblemente sea una versión más antigua de jQuery.

Answer 6

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

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

Answer 7

Para el texto del artículo seleccionado, use:

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

Para el valor del artículo seleccionado, use:

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

Answer 8

Para obtener valor de uso seleccionado

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

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

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

Answer 9

Para selecciones múltiples:

$("#yourdropdownid :selected").map(function(i, v) { return $.trim($(v).text()); }

Answer 10

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;   

Entonces, por favor, alerta "selValue" y "selText". Obtienes el valor y el texto desplegables seleccionados

Answer 11

Prueba esto:

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

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

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

Answer 12

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

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

Answer 13

Si desea el resultado como una lista, use:

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

Answer 14

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 jQuery del foro $ (esto + "opción: seleccionado"). La opción attr ("rel") seleccionada no está funcionando en IE .

Actualización: arreglado el enlace de arriba

Answer 15

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/
• here

Answer 16

Utilizar:

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

Answer 17

Varias maneras

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

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

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

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

Answer 18

lo siguiente funcionó para mí:

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

Answer 19

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

Answer 20

$(function () {
  alert(''.val() = '' + $(''#selectnumber'').val() + ''  AND  html() = '' + $(''#selectnumber option:selected'').html() + ''  AND .text() = '' + $(''#selectnumber option:selected'').text());
});

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

Answer 21

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

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

Como se menciona en la documentación here .

El selector seleccionado funciona para los elementos de la opción. No funciona para casillas de verificación o entradas de radio; uso :checked para ellos.

.text () Según la documentación here .

Obtenga los contenidos de texto combinados 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 profunda.

Answer 22

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

Answer 23

$("#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();

Answer 24

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

Answer 25

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

Answer 26

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

Esto funciona bien

Answer 27

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

Answer 28

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

Answer 29

var someName = "Test";

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

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