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




valor select (25)

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


Answers

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

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.


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

Esto funciona bien


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

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

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


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


Este trabajo para mí:

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

Estoy usando jQuery 1.10.2


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

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


Para selecciones múltiples:

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

lo siguiente funcionó para mí:

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

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

Varias maneras

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

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

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

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

Si desea el resultado como una lista, use:

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

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.


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


Utilizar:

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

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

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

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

Prueba esto:

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

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

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

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

Ejecución de ejemplo de cómo funciona:

var e = document.getElementById("ddlViewBy");
var val1 = e.options[e.selectedIndex].value;
var txt = e.options[e.selectedIndex].text;

document.write("<br />Selected option Value: "+ val1);
document.write("<br />Selected option Text: "+ txt);
<select id="ddlViewBy">
  <option value="1">test1</option>
  <option value="2">test2</option>
  <option value="3"  selected="selected">test3</option>
</select>

Nota: los valores no cambian a medida que se modifica el menú desplegable; si necesita esa funcionalidad, se implementará un cambio onClick.





javascript jquery drop-down-menu jquery-selectors