Holen Sie sich mit jQuery ausgewählten Text aus der Dropdown-Liste (Auswahlfeld)

Wie erhält man den ausgewählten Text (nicht ausgewählten Wert) aus der Dropdown-Liste in jQuery?

2078
29 окт. haddar ist auf 29 oct eingestellt. 2009-10-29 15:02 09 um 15:02 2009-10-29 15:02
@ 32 Antworten
  • 1
  • 2
 $("#yourdropdownid option:selected").text(); 
3461
29 окт. die antwort wird rahul 29 oct gegeben. 2009-10-29 15:05 09 um 15:05 2009-10-29 15:05

Versuchen Sie folgendes:

 $("#myselect :selected").text(); 
border=0

Für die ASP.NET-Dropdown-Liste können Sie die folgende Auswahl verwenden:

 $("[id*='MyDropDownId'] :selected") 
244
29 окт. Die Antwort wird am 29. Oktober von kgiannakakis gegeben . 2009-10-29 15:04 09 um 15:04 2009-10-29 15:04

Antworten hier zum Beispiel

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

hat nicht für mich gearbeitet, aber es ist:

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

Vielleicht ist dies eine ältere Version von jQuery.

190
19 марта '12 в 14:41 2012-03-19 14:41 Die Antwort wird gegeben JYX 19. März 12 um 14:41 Uhr 2012-03-19 14:41

Wenn Sie bereits eine Dropdown-Liste in der Variablen haben, funktioniert das für mich:

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

Andere Antworten auf diese Frage haben mir geholfen, aber letztendlich das jQuery $ -Forum (diese + Option "ausgewählt"). attr ("rel") die gewählte Option funktioniert nicht im IE , sie hat am meisten geholfen.

Update: korrigierter Link oben

95
04 февр. Die Antwort wird von Kirk Liemohn 04 Feb. gegeben. 2012-02-04 08:17 '12 um 08:17 Uhr 2012-02-04 08:17
 $("option:selected", $("#TipoRecorde")).text() 
61
16 авг. Die Antwort gibt Rafael 16 Aug. 2011-08-16 20:56 '11 um 20:56 2011-08-16 20:56

$("#DropDownID").val() gibt den ausgewählten Indexwert an.

53
14 нояб. Die Antwort wird gegeben Neeraj 14. November 2011-11-14 12:22 '11 am 12:22 2011-11-14 12:22

Es funktioniert für mich:

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

jQuery- Version: 1.9.1

53
25 сент. Die Antwort ist am 25. September Binita Bharati gegeben 2013-09-25 10:36 '13 am 10:36 2013-09-25 10:36

Es funktioniert für mich.

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

Wenn ein Element dynamisch erstellt wird

 $(document).on("change", "#dropdownid", function() { alert($(this).find("option:selected").text()); }); 
51
14 авг. Die Antwort lautet Prabhagaran 14 Aug. 2015-08-14 14:12 '15 am 14:12 2015-08-14 14:12

Verwenden Sie für den Text des ausgewählten Elements Folgendes:

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

Verwenden Sie für den Wert des ausgewählten Elements Folgendes:

 $('select[name="thegivenname"] option:selected').val(); 
41
25 янв. Kamrul antwortete am 25. Januar 2013-01-25 02:22 '13 am 2:22 2013-01-25 02:22

Verschiedene möglichkeiten

 1. $("#myselect option:selected").text(); 2. $("#myselect :selected").text(); 3. $("#myselect").children(":selected").text(); 4. $("#myselect").find(":selected").text(); 
32
03 авг. die antwort ist gegeben salim 03 aug. 2014-08-03 22:39 '14 um 22:39 Uhr 2014-08-03 22:39
 $("#dropdownID").change(function(){ alert($('option:selected', $(this)).text()); }); 
28
01 февр. Die Antwort ist NJ 01 Feb. 2014-02-01 08:55 14 um 08:55 2014-02-01 08:55
 var someName = "Test"; $("#<%= ddltest.ClientID %>").each(function () { $('option', this).each(function () { if ($(this).text().toLowerCase() == someName) { $(this).attr('selected', 'selected') }; }); }); 

Dies wird Ihnen in die richtige Richtung helfen. Der obige Code ist vollständig getestet. Wenn Sie weitere Hilfe benötigen, lassen Sie es mich wissen.

26
07 окт. die antwort ist gegeben Zarni 07 oct. 2010-10-07 13:09 '10 am 13:09 2010-10-07 13:09

Für diejenigen, die SharePoint- Listen verwenden und keine >

 var e = $('select[title="IntenalFieldName"] option:selected').text(); 
18
06 нояб. Antwort der FAA vom 06. November 2013-11-06 00:38 13 um 0:38 2013-11-06 00:38

Bitte benutzen Sie diese

 var listbox = document.getElementById("yourdropdownid"); var selIndex = listbox.selectedIndex; var selValue = listbox.options[selIndex].value; var selText = listbox.options[selIndex].text; 

Dann melden Sie sich bitte mit "selValue" und "selText". Sie erhalten Ihren hervorgehobenen Dropdown-Wert und Text.

18
14 мая '15 в 17:21 2015-05-14 17:21 Die Antwort wurde von Mohammed Shaheen MK am 14. Mai 15 um 17:21 2015-05-14 17:21 gegeben
  $("#selectID option:selected").text(); 

Anstelle von #selectID Sie einen beliebigen jQuery-Selektor wie .selectClass , der die Klasse verwendet.

Wie in der Dokumentation hier angegeben .

Der ausgewählte Selektor funktioniert für <Optionselemente. Es funktioniert nicht für Flags oder Radio-Eingänge. verwenden :checked für sie :checked .

.text () Entsprechend der Dokumentation hier .

Ruft den kombinierten Textinhalt jedes Elements in der Menge der übereinstimmenden Elemente einschließlich ihrer Nachkommen ab.

Daher können Sie mit der .text() -Methode Text aus jedem HTML-Element .text() .

Weitere Informationen finden Sie in der Dokumentation.

16
30 янв. Antwort von Nikhil Agrawal 30. Januar 2014-01-30 17:29 14 um 17:29 Uhr 2014-01-30 17:29
 $("select[id=yourDropdownid] option:selected").text() 

Es funktioniert super

14
23 апр. Antwort von Thangamani Palanisamy 23. April 2013-04-23 13:04 13 um 13:04 2013-04-23 13:04

Um den ausgewählten Wert zu erhalten, verwenden Sie

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

Um den Text des ausgewählten Elements zu erhalten, verwenden Sie diese Zeile:

 $("#dropDownId option:selected").text(); 
12
23 янв. Antwort von Mojtaba 23. Januar 2016-01-23 12:07 '16 am 12:07 23.01.2016 12:07
 $('#id').find('option:selected').text(); 
12
11 апр. Die Antwort wird von Nikul am 11. April gegeben. 2015-04-11 12:39 '15 um 12:39 2015-04-11 12:39

Wählen Sie den Text und den ausgewählten Wert in der Dropdown-Liste aus, oder wählen Sie das Änderungsereignis in jQuery aus

 $("#yourdropdownid").change(function() { console.log($("option:selected", this).text()); //text console.log($(this).val()); //value }) 
10
19 нояб. Antwort von Sandeep Shekhawat 19. November 2015-11-19 08:36 '15 um 08:36 Uhr 2015-11-19 08:36

Verwenden:

 ('#yourdropdownid').find(':selected').text(); 
9
31 июля '14 в 18:11 2014-07-31 18:11 Die Antwort ist Kishore 31. Juli 14 um 18:11 2014-07-31 18:11 gegeben
 var e = document.getElementById("dropDownId"); var div = e.options[e.selectedIndex].text; 
7
04 янв. Die Antwort wird gegeben Kalaivani M 04 jan. 2017-01-04 15:53 '17 am 15:53 2017-01-04 15:53

Folgendes hat für mich gearbeitet:

 $.trim($('#dropdownId option:selected').html()) 
7
17 сент. Antwort von Mohammad Dayyan am 17. Sep. 2015-09-17 08:13 15 um 08:13 Uhr 2015-09-17 08:13

In der Ehe

 <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>  $(this).siblings('select').children(':selected').text() 
7
05 дек. Die Antwort ist Vineet 05 Dez. gegeben. 2014-12-05 09:33 '14 um 9:33 2014-12-05 09:33

Versuchen Sie:

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

Oder verwenden Sie text() , um den Optionstext zu erhalten:

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

Weitere Informationen:

6
09 марта '17 в 10:03 2017-03-09 10:03 Die Antwort wird von Vishal Thakur am 09. März 17 um 10:03 2017-03-09 10:03 gegeben

Dieser Job für mich:

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

Ich verwende jQuery 1.10.2

6
09 июля '15 в 5:00 2015-07-09 05:00 Antwort wurde von Rhaymand Tatlonghari am 9. Juli 15 um 05:00 Uhr 2015-07-09 05:00 gegeben

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

2019

09 авг. Die Antwort wird Bhanu pratap 09 aug gegeben. 2016-08-09 20:01 '16 um 20:01 Uhr 2016-08-09 20:01

Wenn Sie das Ergebnis in Form einer Liste erhalten möchten, verwenden Sie:

 x=[]; $("#list_id").children(':selected').each(function(){x.push($(this).text());}) 
3
19 янв. Die Antwort ist max. 19. Januar 2017-01-19 00:56 '17 um 0:56 2017-01-19 00:56

Ich persönlich bevorzuge es

 $(this).find("option:selected").text(); 

Wenn Sie in Ihrem Auswahlfeld eine optgroup haben, funktioniert der obige Code in this Auswahlfeld.

1
08 авг. Die Antwort ist Rockstar 08 Aug. gegeben. 2018-08-08 07:52 '18 um 07:52 Uhr 2018-08-08 07:52 Uhr

Versuchen Sie einfach den folgenden Code.

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

gibt den Text der ausgewählten Option zurück.

1
13 нояб. Die Antwort wird von Muddasir23 13. November gegeben 2018-11-13 09:03 '18 um 9:03 2018-11-13 09:03
 $("#dropdownid option:selected").text(); 

Wenn Sie asp.net verwenden und schreiben

 <Asp:dropdownlist id="ddl" runat="Server" /> 

dann solltest du verwenden

 $('#<%=ddl.Clientid%> option:selected').text(); 
0
21 мая '18 в 14:01 2018-05-21 14:01 Die Antwort wird von Manish Singh am 21. Mai '18 um 14:01 Uhr 2018-05-21 14:01 gegeben
  • 1
  • 2