Gaukite pasirinktą tekstą iš išskleidžiamojo sąrašo (pasirinkite lauką) naudodami jQuery

Kaip gauti pasirinktą tekstą (ne pasirinktą vertę) iš išskleidžiamojo sąrašo, esančio jQuery?

2078 m
29 окт. haddar yra nustatytas 29 d. 2009-10-29 15:02 '09 15:02 2009-10-29 15:02
@ 32 atsakymai
  • 1
  • 2
 $("#yourdropdownid option:selected").text(); 
3461
29 окт. atsakymas pateikiamas rahul 29 oct. 2009-10-29 15:05 '09, 15:05 2009-10-29 15:05

Pabandykite atlikti šiuos veiksmus:

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

Išskleidžiamajame sąraše ASP.NET galite naudoti šį parinkiklį:

 $("[id*='MyDropDownId'] :selected") 
244
29 окт. spalio 29 d. atsakymą pateikė kgiannakakis . 2009-10-29 15:04 '09 15:04 2009-10-29 15:04

Čia pateikti atsakymai, pavyzdžiui,

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

man neveikė, bet tai yra:

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

Galbūt tai yra senesnė jQuery versija.

190
19 марта '12 в 14:41 2012-03-19 14:41 atsakymas pateikiamas JYX 19 d. 12 val. 14:41 2012-03-19 14:41

Jei kintamajame jau yra išskleidžiamajame sąraše, tai veikia man:

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

Kiti atsakymai į šį klausimą padėjo man, bet galiausiai forume jQuery $ (šis + pasirinkimas: pasirinktas). attr ("rel") pasirinkta parinktis neveikia IE , ji padėjo labiausiai.

Atnaujinti: pataisyta nuoroda

95
04 февр. Atsakymą pateikė Kirk Liemohn 04 vasaris. 2012-02-04 08:17 '12 at 8:17 am 2012-02-04 08:17
 $("option:selected", $("#TipoRecorde")).text() 
61
16 авг. atsakymą pateikė Rafael 16 rug. 2011-08-16 20:56 '11, 20:56, 2011-08-16 20:56

$("#DropDownID").val() suteiks pasirinktą indekso reikšmę.

53
14 нояб. Atsakymas pateikiamas Neeraj 14 lapkričio. 2011-11-14 12:22 '11, 12:22, 2011-11-14 12:22

Jis veikia man:

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

jQuery versija: 1.9.1

53
25 сент. Atsakymas duotas Binita Bharati rugsėjo 25 d 2013-09-25 10:36 '13, 10:36, 2013-09-25 10:36

Jis veikia man.

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

Jei elementas sukuriamas dinamiškai

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

Pasirinkto elemento tekstą naudokite:

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

Jei norite pasirinkti pasirinktą elementą, naudokite:

 $('select[name="thegivenname"] option:selected').val(); 
41
25 янв. Kamrul atsakė į sausio 25 d 2013-01-25 02:22 '13, 2:22, 2013-01-25 02:22

Įvairūs būdai

 1. $("#myselect option:selected").text(); 2. $("#myselect :selected").text(); 3. $("#myselect").children(":selected").text(); 4. $("#myselect").find(":selected").text(); 
32
03 авг. atsakymas duotas Salim 03 rug. 2014-08-03 22:39 '14, 22:39 pm 2014-08-03 22:39
 $("#dropdownID").change(function(){ alert($('option:selected', $(this)).text()); }); 
28
01 февр. Atsakymas pateikiamas NJ 01 Feb. 2014-02-01 08:55 '14 at 8: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') }; }); }); 

Tai padės jums teisinga kryptimi. Minėtas kodas yra visiškai išbandytas, jei jums reikia daugiau pagalbos, praneškite man.

26
07 окт. atsakymas pateikiamas Zarni 07 okt. 2010-10-07 13:09 '10, 13:09, 2010-10-07 13:09

Tiems, kurie naudoja „ SharePoint“ sąrašus ir nenori naudoti ilgai sukurto identifikatoriaus, tai veiks:

 var e = $('select[title="IntenalFieldName"] option:selected').text(); 
18
06 нояб. FAA atsakymas lapkričio 6 d 2013-11-06 00:38 '13 - 0:38 2013-11-06 00:38

Prašome tai naudoti

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

Tada prašome pranešti „selValue“ ir „selText“. Gausite išskirtą išskleidžiamąją vertę ir tekstą.

18
14 мая '15 в 17:21 2015-05-14 17:21 atsakymą pateikė Mohammed Shaheen MK gegužės 14 d. 15 d. 17:21 2015-05-14 17:21
  $("#selectID option:selected").text(); 

Vietoj #selectID galite naudoti bet kurį jQuery selektorių, pvz., .selectClass , naudodami klasę.

Kaip nurodyta dokumentuose, čia .

Pasirinktas selektorius veikia <parinkčių elementams. Jis neveikia vėliavoms ar radijo įvestims; naudojimas :checked jų.

.text () Pagal čia pateiktus dokumentus.

Gaukite kiekvienos elemento sudėtinio teksto turinį suderintų elementų rinkinyje, įskaitant jų palikuonis.

Taigi, galite priimti tekstą iš bet kurio HTML elemento naudojant .text() metodą.

Išsamesnį paaiškinimą rasite dokumentacijoje.

16
30 янв. Nikhil Agrawal atsakymas sausio 30 d 2014-01-30 17:29 '14, 17:29, 2014-01-30 17:29
 $("select[id=yourDropdownid] option:selected").text() 

Tai puikiai veikia

14
23 апр. Thangamani Palanisamy atsakymas balandžio 23 d 2013-04-23 13:04 '13, 13:04, 2013-04-23 13:04

Norėdami gauti pasirinktą vertę, naudokite

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

ir norėdami gauti pasirinkto elemento tekstą, naudokite šią eilutę:

 $("#dropDownId option:selected").text(); 
12
23 янв. Atsakymas, kurį pateikė Mojtaba, sausio 23 d 2016-01-23 12:07 '16 at 12:07 2016-01-23 12:07
 $('#id').find('option:selected').text(); 
12
11 апр. Atsakyti Nikul 11 Bal. 2015-04-11 12:39 '15, 12:39, 2015-04-11 12:39

Išskleidžiamajame sąraše pasirinkite tekstą ir pasirinktą reikšmę / pasirinkite pakeitimo įvykį jQuery

 $("#yourdropdownid").change(function() { console.log($("option:selected", this).text()); //text console.log($(this).val()); //value }) 
10
19 нояб. Sandeep Shekhawat atsakymas lapkričio 19 d 2015-11-19 08:36 '15 8:36 am 2015-11-19 08:36

Naudoti:

 ('#yourdropdownid').find(':selected').text(); 
9
31 июля '14 в 18:11 2014-07-31 18:11 atsakymas pateikiamas kishore liepos 31 d. 14 val
 var e = document.getElementById("dropDownId"); var div = e.options[e.selectedIndex].text; 
7
04 янв. Atsakymas pateikiamas Kalaivani M 04 jan. 2017-01-04 15:53 '17 15:53 2017-01-04 15:53

Toliau dirbau man:

 $.trim($('#dropdownId option:selected').html()) 
7
17 сент. Atsakymas, kurį pateikė Mohammad Dayyan , rugsėjo 17 d. 2015-09-17 08:13 '15 , 8:13 val. 2015-09-17 08:13

Santuoka

 <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 дек. Atsakymas duotas vineet 05 Dec. 2014-12-05 09:33 '14 at 9:33 2014-12-05 09:33

Pabandykite:

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

Arba, norėdami gauti parinkties tekstą, naudokite text() :

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

Daugiau informacijos:

6
09 марта '17 в 10:03 2017-03-09 10:03 atsakymą pateikė Vishal Thakur kovo 09 '17, 10:03 2017-03-09 10:03

Šis darbas man:

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

Aš naudoju jQuery 1.10.2

6
09 июля '15 в 5:00 2015-07-09 05:00 atsakymą pateikė „ Rhaymand Tatlonghari“ liepos 09 d., 15 val. 5:00 2015-07-09 05:00

 <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 авг. Atsakymas suteiktas Bhanu pratap 09 rug. 2016-08-09 20:01 '16 at 8:01 pm 2016-08-09 20:01

Jei norite gauti rezultatą sąrašo forma, naudokite:

 x=[]; $("#list_id").children(':selected').each(function(){x.push($(this).text());}) 
3
19 янв. atsakymas duotas maks. 19 saus 2017-01-19 00:56 '17 ne 0:56 2017-01-19 00:56

Aš jį asmeniškai norėčiau

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

Jei pasirinkimo lauke turite optgroup , aukščiau nurodytas kodas veiks gerai, this pasirinkimo laukas.

1
08 авг. Atsakymas yra suteiktas roko žvaigždė 08 rug. 2018-08-08 07:52 '18, 07:52 am 2018-08-08 07:52

Tiesiog išbandykite šį kodą.

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

grąžina pasirinktos parinkties tekstą.

1
13 нояб. Atsakymą pateikė Muddasir23 lapkritis 13 2018-11-13 09:03 '18, 09:03 2018-11-13 09:03
 $("#dropdownid option:selected").text(); 

jei naudojate asp.net ir rašykite

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

tada turėtumėte naudoti

 $('#<%=ddl.Clientid%> option:selected').text(); 
0
21 мая '18 в 14:01 2018-05-21 14:01 atsakymą pateikė Manish Singh, gegužės 21 d., 18 val., 14:01, 2018-05-21 14:01
  • 1
  • 2