javascript - valor - select con jquery




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

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


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

Este trabajo para mí:

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

Estoy usando jQuery 1.10.2


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

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.


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

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

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


Prueba esto:

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

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

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

Si desea el resultado como una lista, use:

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


Utilizar:

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

Varias maneras

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

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

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

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

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


$(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").change(function(){
  alert($('option:selected', $(this)).text());
});

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

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

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

Esto funciona bien


var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].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.





jquery-selectors