Obter texto selecionado em uma lista suspensa (caixa de seleção) usando jQuery

Como posso obter o texto selecionado (não o valor selecionado) em uma lista suspensa no jQuery?

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

Tente o seguinte:

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

Para um menu suspenso do ASP.NET, você pode usar o seguinte seletor:

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

As respostas postadas aqui, por exemplo,

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

não funcionou para mim, mas isso funcionou:

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

É possivelmente uma versão mais antiga do jQuery.

Se você já tem a lista suspensa disponível em uma variável, é isso que funciona para mim:

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

As outras respostas sobre essa pergunta me ajudaram, mas, em última análise, a opção do thread do fórum do jQuery $ (esta + "opção: selecionada"). Attr ("rel") selecionada não está mais funcionando no IE .

Atualização: corrigido o link acima

Isso funciona para mim

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

Se o elemento criado dinamicamente

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

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

$("#DropDownID").val() dará o valor de índice selecionado.

Isso funciona para mim:

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

Versão jQuery : 1.9.1

Para o texto do item selecionado, use:

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

Para o valor do item selecionado, use:

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

Várias maneiras

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

Usa isto

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

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

Então você obtém o valor e o texto selecionados dentro selectedValuee selectedText.

var someName = "Test";

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

Isso irá ajudá-lo a obter a direção certa. O código acima é totalmente testado se você precisar de mais ajuda, me avise.

Para aqueles que estão usando listas do SharePoint e não desejam usar o ID gerado por muito tempo, isso funcionará:

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

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

Em vez de #selectIDvocê pode usar qualquer seletor de jQuery, como .selectClassusar classe.

Conforme mencionado na documentação aqui .

O seletor: selecionado funciona para elementos <opção>. Não funciona para caixas de seleção ou entradas de rádio; use :checkedpara eles.

.text () Conforme a documentação aqui .

Obtenha o conteúdo do texto combinado de cada elemento no conjunto de elementos correspondentes, incluindo seus descendentes.

Assim, você pode pegar o texto de qualquer elemento HTML usando o .text()método

Consulte a documentação para uma explicação mais profunda.

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

Isso funciona bem

Para obter o valor selecionado, use

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

e para obter o texto do item selecionado, use esta linha:

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

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

Selecione Texto e valor selecionado no menu suspenso / selecione evento de alteração no jQuery

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

Simplesmente tente o seguinte código.

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

retorna o texto da opção selecionada.

Usar:

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

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

o seguinte funcionou para mim:

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

Este trabalho para mim:

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

Estou usando o jQuery 1.10.2

No caso de irmão

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

Tentar:

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

Ou, para obter o texto da opção, use text():

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

Mais informações:

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

Se você deseja o resultado como uma 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 funcionou para mim.

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