Come posso ottenere il testo selezionato (non il valore selezionato) da un elenco a discesa in jQuery?
Come posso ottenere il testo selezionato (non il valore selezionato) da un elenco a discesa in jQuery?
Risposte:
$("#yourdropdownid option:selected").text();
$("#yourdropdownid").children("option").filter(":selected").text()
poiché is () restituisce un valore booleano se l'oggetto corrisponde al selettore o meno.
is("selected").text()
restituisce aTypeError: Object false has no method 'text'
$('select').children(':selected')
è il modo più veloce: jsperf.com/get-selected-option-text
Prova questo:
$("#myselect :selected").text();
Per un menu a discesa ASP.NET è possibile utilizzare il seguente selettore:
$("[id*='MyDropDownId'] :selected")
("#ct0001yourdropdownid)
ID
controllo sul tuo controllo e, in caso contrario, basato sull'indice di dove si verificano nell'attuale livello dell'albero, ecc. )
Le risposte pubblicate qui, ad esempio,
$('#yourdropdownid option:selected').text();
non ha funzionato per me, ma questo ha fatto:
$('#yourdropdownid').find('option:selected').text();
È probabilmente una versione precedente di jQuery.
Se hai già l'elenco a discesa disponibile in una variabile, questo è ciò che funziona per me:
$("option:selected", myVar).text()
Le altre risposte a questa domanda mi hanno aiutato, ma alla fine il thread del forum jQuery $ (questa opzione + ": selezionata"). L'attr ("rel") opzione selezionata non funziona in IE ha aiutato di più.
Aggiornamento: risolto il link sopra
Questo funziona per me
$("#dropdownid").change(function() {
alert($(this).find("option:selected").text());
});
Se l'elemento è stato creato in modo dinamico
$(document).on("change", "#dropdownid", function() {
alert($(this).find("option:selected").text());
});
Questo funziona per me:
$('#yourdropdownid').find('option:selected').text();
Versione jQuery : 1.9.1
change
sull'evento ora posso usare $(this).find('option:selected').text()
per ottenere testo.
$(this).children(':selected').text()
funzionerebbe anche. @ Timo002
$("#dropdownID").change(function(){
alert($('option:selected', $(this)).text());
});
$(this)
dopo la mia chiamata ajax
Usa questo
const select = document.getElementById("yourSelectId");
const selectedIndex = select.selectedIndex;
const selectedValue = select.value;
const selectedText = select.options[selectedIndex].text;
Quindi ottieni il valore e il testo selezionati all'interno selectedValue
e selectedText
.
var someName = "Test";
$("#<%= ddltest.ClientID %>").each(function () {
$('option', this).each(function () {
if ($(this).text().toLowerCase() == someName) {
$(this).attr('selected', 'selected')
};
});
});
Questo ti aiuterà a ottenere la giusta direzione. Il codice sopra è completamente testato se hai bisogno di ulteriore aiuto fammi sapere.
Per coloro che utilizzano elenchi di SharePoint e non vogliono utilizzare l'id generato a lungo, questo funzionerà:
var e = $('select[title="IntenalFieldName"] option:selected').text();
$("#selectID option:selected").text();
Invece di #selectID
te puoi usare qualsiasi selettore jQuery, come .selectClass
usare la classe.
Come menzionato nella documentazione qui .
Il selettore: selezionato funziona per gli elementi <opzione>. Non funziona per caselle di controllo o ingressi radio; usare :checked
per loro.
.text () Come da documentazione qui .
Ottieni i contenuti di testo combinati di ciascun elemento nel set di elementi corrispondenti, inclusi i loro discendenti.
Quindi puoi prendere il testo da qualsiasi elemento HTML usando il .text()
metodo
Consultare la documentazione per una spiegazione più approfondita.
$("select[id=yourDropdownid] option:selected").text()
Funziona benissimo
Seleziona Testo e valore selezionato nel menu a discesa / seleziona modifica evento in jQuery
$("#yourdropdownid").change(function() {
console.log($("option:selected", this).text()); //text
console.log($(this).val()); //value
})
Prova semplicemente il seguente codice.
var text= $('#yourslectbox').find(":selected").text();
restituisce il testo dell'opzione selezionata.
var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;
var div = e.options[e.selectedIndex].text;
e visualizza solo il primo elemento dell'opzione. Come ottenere ogni elemento da visualizzare?
per me ha funzionato:
$.trim($('#dropdownId option:selected').html())
Questo lavoro per me:
$("#city :selected").text();
Sto usando jQuery 1.10.2
In caso di fratelli
<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()
$(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>
Provare:
$var = jQuery("#dropdownid option:selected").val();
alert ($var);
Oppure per ottenere il testo dell'opzione, utilizzare text()
:
$var = jQuery("#dropdownid option:selected").text();
alert ($var);
Ulteriori informazioni:
$("#dropdown").find(":selected").text();
$("#dropdown :selected").text();
$("#dropdown option:selected").text();
$("#dropdown").children(":selected").text();