Dapatkan teks yang dipilih dari daftar turun bawah (bidang pilih) menggunakan jQuery

Bagaimana cara mendapatkan teks yang dipilih (bukan nilai yang dipilih) dari daftar drop-down di jQuery?

2078
29 окт. Haddar diatur pada 29 Oktober. 2009-10-29 15:02 '09 pada 15:02 2009-10-29 15:02
@ 32 jawaban
  • 1
  • 2
 $("#yourdropdownid option:selected").text(); 
3461
29 окт. jawabannya diberikan rahul 29 oktober. 2009-10-29 15:05 '09 pada 15:05 2009-10-29 15:05

Coba yang berikut ini:

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

Untuk daftar turun bawah ASP.NET, Anda dapat menggunakan pemilih berikut:

 $("[id*='MyDropDownId'] :selected") 
244
29 окт. Jawabannya diberikan oleh kgiannakakis pada tanggal 29 Oktober. 2009-10-29 15:04 '09 pada 15:04 2009-10-29 15:04

Jawaban yang diposting di sini, misalnya,

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

tidak bekerja untuk saya, tetapi itu adalah:

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

Mungkin ini adalah versi jQuery yang lebih lama.

190
19 марта '12 в 14:41 2012-03-19 14:41 jawabannya diberikan JYX 19 Maret '12 pada 14:41 2012-03-19 14:41

Jika Anda sudah memiliki daftar drop-down yang tersedia di variabel, ini yang berfungsi untuk saya:

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

Jawaban lain untuk pertanyaan ini membantu saya, tetapi pada akhirnya, forum $ jQuery (opsi + "ini: terpilih"). attr ("rel") opsi yang dipilih tidak berfungsi di IE , itu yang paling membantu.

Perbarui: tautan yang diperbaiki di atas

95
04 февр. Jawabannya diberikan oleh Kirk Liemohn 04 Feb. 2012-02-04 08:17 '12 pada 8:17 am 2012-02-04 08:17
 $("option:selected", $("#TipoRecorde")).text() 
61
16 авг. jawabannya diberikan oleh Rafael 16 Agustus. 2011-08-16 20:56 '11 pada 20:56 2011-08-16 20:56

$("#DropDownID").val() akan memberikan nilai indeks yang dipilih.

53
14 нояб. Jawabannya diberikan Neeraj 14 Nov. 2011-11-14 12:22 '11 pada 12:22 2011-11-14 12:22

Ini bekerja untuk saya:

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

Versi jQuery : 1.9.1

53
25 сент. Jawabannya diberikan Binita Bharati 25 September 2013-09-25 10:36 '13 pada 10:36 2013-09-25 10:36

Ini bekerja untuk saya.

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

Jika suatu item dibuat secara dinamis

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

Untuk teks dari item yang dipilih, gunakan:

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

Untuk nilai item yang dipilih, gunakan:

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

Cara yang berbeda

 1. $("#myselect option:selected").text(); 2. $("#myselect :selected").text(); 3. $("#myselect").children(":selected").text(); 4. $("#myselect").find(":selected").text(); 
32
03 авг. jawabannya diberikan Salim 03 Agustus. 2014-08-03 22:39 '14 pukul 10:39 2014-08-03 22:39
 $("#dropdownID").change(function(){ alert($('option:selected', $(this)).text()); }); 
28
01 февр. Jawabannya diberikan NJ 01 Feb. 2014-02-01 08:55 '14 pada 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') }; }); }); 

Ini akan membantu Anda ke arah yang benar. Kode di atas sepenuhnya diuji, jika Anda butuh bantuan, beri tahu saya.

26
07 окт. jawabannya diberikan Zarni 07 Oktober. 2010-10-07 13:09 '10 pada 13:09 2010-10-07 13:09

Bagi mereka yang menggunakan daftar SharePoint dan tidak ingin menggunakan pengidentifikasi lama, ini akan berfungsi:

 var e = $('select[title="IntenalFieldName"] option:selected').text(); 
18
06 нояб. balasan yang diberikan oleh FAA 06 Nov 2013-11-06 00:38 '13 pada 0:38 2013-11-06 00:38

Silakan gunakan ini

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

Kemudian tolong laporkan "selValue" dan "selText". Anda mendapatkan nilai tarik-turun dan teks yang disorot.

18
14 мая '15 в 17:21 2015-05-14 17:21 jawaban diberikan oleh Mohammed Shaheen MK pada 14 Mei '15 pukul 17:21 2015-05-14 17:21
  $("#selectID option:selected").text(); 

Alih-alih #selectID Anda bisa menggunakan pemilih jQuery, seperti .selectClass , menggunakan kelas.

Sebagaimana dinyatakan dalam dokumentasi di sini .

Pemilih yang dipilih berfungsi untuk <elemen pilihan. Ini tidak berfungsi untuk flag atau input radio; gunakan :checked untuk mereka.

.text () Menurut dokumentasi di sini .

Dapatkan konten teks gabungan dari setiap elemen dalam set elemen yang cocok, termasuk turunannya.

Dengan demikian, Anda dapat mengambil teks dari elemen HTML apa pun menggunakan metode .text() .

Lihat dokumentasi untuk penjelasan yang lebih dalam.

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

Ini bekerja dengan baik

14
23 апр. Balas diberikan oleh Thangamani Palanisamy 23 Apr 2013-04-23 13:04 '13 pada 13:04 2013-04-23 13:04

Untuk mendapatkan nilai yang dipilih, gunakan

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

dan untuk mendapatkan teks dari item yang dipilih, gunakan baris ini:

 $("#dropDownId option:selected").text(); 
12
23 янв. Balas diberikan oleh Mojtaba 23 Jan 2016-01-23 12:07 '16 pada 12:07 2016-01-23 12:07
 $('#id').find('option:selected').text(); 
12
11 апр. Jawab Nikul 11 Apr. 2015-04-11 12:39 '15 pada 12:39 2015-04-11 12:39

Pilih teks dan nilai yang dipilih dalam daftar drop-down / pilih acara perubahan di jQuery

 $("#yourdropdownid").change(function() { console.log($("option:selected", this).text()); //text console.log($(this).val()); //value }) 
10
19 нояб. Jawaban yang diberikan oleh Sandeep Shekhawat 19 Nov 2015-11-19 08:36 '15 jam 8:36 2015-11-19 08:36

Gunakan:

 ('#yourdropdownid').find(':selected').text(); 
9
31 июля '14 в 18:11 2014-07-31 18:11 jawabannya diberikan kishore 31 Juli '14 di 18:11 2014-07-31 18:11
 var e = document.getElementById("dropDownId"); var div = e.options[e.selectedIndex].text; 
7
04 янв. Jawabannya diberikan Kalaivani M 04 Januari. 2017-01-04 15:53 '17 pada 15:53 2017-01-04 15:53

Berikut ini bekerja untuk saya:

 $.trim($('#dropdownId option:selected').html()) 
7
17 сент. Balas diberikan oleh Mohammad Dayyan pada 17 Sep. 2015-09-17 08:13 '15 pada 8:13 AM 2015-09-17 08:13

Dalam pernikahan

 <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 дек. Jawabannya diberikan vineet 05 Des. 2014-12-05 09:33 '14 pada 9:33 2014-12-05 09:33

Coba:

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

Atau, untuk mendapatkan teks opsi, gunakan text() :

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

Informasi lebih lanjut:

6
09 марта '17 в 10:03 2017-03-09 10:03 jawabannya diberikan oleh Vishal Thakur 09 Maret '17 pada 10:03 2017-03-09 10:03

Pekerjaan ini untuk saya:

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

Saya menggunakan jQuery 1.10.2

6
09 июля '15 в 5:00 2015-07-09 05:00 Balasan diberikan oleh Rhaymand Tatlonghari 09 Juli '15 pukul 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 авг. Jawabannya diberikan Bhanu pratap 09 Agustus. 2016-08-09 20:01 '16 pada 8:01 malam 2016-08-09 20:01

Jika Anda ingin mendapatkan hasil dalam bentuk daftar, gunakan:

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

Saya pribadi lebih suka itu

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

Jika Anda memiliki optgroup di bidang pilihan Anda, kode di atas akan berfungsi dengan baik, bidang pilihan this .

1
08 авг. Jawabannya diberikan bintang rock 08 agustus. 2018-08-08 07:52 '18 pada 7:52 pagi 2018-08-08 07:52

Coba saja kode berikut.

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

mengembalikan teks dari opsi yang dipilih.

1
13 нояб. Jawaban diberikan oleh Muddasir23 13 Nov 2018-11-13 09:03 '18 pada 9:03 2018-11-13 09:03
 $("#dropdownid option:selected").text(); 

jika Anda menggunakan asp.net dan tulis

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

maka Anda harus menggunakan

 $('#<%=ddl.Clientid%> option:selected').text(); 
0
21 мая '18 в 14:01 2018-05-21 14:01 jawabannya diberikan oleh Manish Singh 21 Mei '18 pukul 14:01 2018-05-21 14:01
  • 1
  • 2