Атрымаць вылучаны тэкст з які расчыняецца спісу (абярыце поле) з дапамогай jQuery

Як атрымаць вылучаны тэкст (не наадварот значэнне) з які расчыняецца спісу ў jQuery?

2078
29 окт. зададзены haddar 29 каст. 2009-10-29 15:02 '09 у 15:02 2009-10-29 15:02
@ 32 адказаў
  • 1
  • 2
 $("#yourdropdownid option:selected").text(); 
3461
29 окт. адказ дадзены rahul 29 каст. 2009-10-29 15:05 '09 у 15:05 2009-10-29 15:05

Паспрабуйце наступнае:

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

Для расчыняецца спісу ASP.NET вы можаце выкарыстоўваць наступны селектар:

 $("[id*='MyDropDownId'] :selected") 
244
29 окт. адказ дадзены kgiannakakis 29 каст. 2009-10-29 15:04 '09 у 15:04 2009-10-29 15:04

Адказы, размешчаныя тут, напрыклад,

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

не працаваў у мяне, але гэта:

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

Магчыма, гэта больш старая версія jQuery.

190
19 марта '12 в 14:41 2012-03-19 14:41 адказ дадзены JYX 19 сакавіка '12 у 14:41 2012-03-19 14:41

Калі ў вас ужо ёсць які расчыняецца спіс, даступны ў зменнай, гэта тое, што працуе для мяне:

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

Іншыя адказы на гэтае пытанне дапамаглі мне, але, у канчатковым выніку, форум jQuery $ (this + "option: selected"). attr ( "rel") абраная опцыя не працуе ў IE , дапамагла больш за ўсё.

Абнаўленне: выпраўленая спасылка вышэй

95
04 февр. адказ дадзены Kirk Liemohn 04 февр. 2012-02-04 08:17 '12 у 8:17 2012-02-04 08:17
 $("option:selected", $("#TipoRecorde")).text() 
61
16 авг. адказ дадзены Rafael 16 жнів. 2011-08-16 20:56 '11 у 20:56 2011-08-16 20:56

$("#DropDownID").val() дасць абранае значэнне індэкса.

53
14 нояб. адказ дадзены Neeraj 14 лістапада. 2011-11-14 12:22 '11 у 12:22 2011-11-14 00:22

Гэта працуе для мяне:

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

jQuery версія: 1.9.1

53
25 сент. адказ дадзены Binita Bharati 25 сент. 2013-09-25 10:36 '13 у 10:36 2013/09/25 10:36

Гэта працуе для мяне

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

Калі элемент, створаны дынамічна

 $(document).on("change", "#dropdownid", function() { alert($(this).find("option:selected").text()); }); 
51
14 авг. адказ дадзены Prabhagaran 14 жнів. 2015-08-14 14:12 '15 у 14:12 2015/08/14 14:12

Для тэксту абранага элемента выкарыстоўвайце:

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

Для значэння абранага элемента выкарыстоўвайце:

 $('select[name="thegivenname"] option:selected').val(); 
41
25 янв. адказ дадзены Kamrul 25 студз. 2013-01-25 02:22 '13 у 2:22 2013/01/25 02:22

розныя спосабы

 1. $("#myselect option:selected").text(); 2. $("#myselect :selected").text(); 3. $("#myselect").children(":selected").text(); 4. $("#myselect").find(":selected").text(); 
32
03 авг. адказ дадзены Salim 03 жнів. 2014-08-03 22:39 '14 а 22:39 2014/08/03 22:39
 $("#dropdownID").change(function(){ alert($('option:selected', $(this)).text()); }); 
28
01 февр. адказ дадзены NJ 01 февр. 2014-02-01 08:55 '14 у 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') }; }); }); 

Гэта дапаможа вам у правільным кірунку. Вышэй код цалкам пратэставаны, калі вам патрэбна дадатковая дапамогу, паведаміце мне.

26
07 окт. адказ дадзены Zarni 07 каст. 2010-10-07 13:09 '10 у 13:09 2010-10-07 13:09

Для тых, хто выкарыстоўвае SharePoint спісы і не жадае выкарыстоўваць доўгі згенераваны ідэнтыфікатар, гэта будзе працаваць:

 var e = $('select[title="IntenalFieldName"] option:selected').text(); 
18
06 нояб. адказ дадзены FAA 06 лістапада. 2013-11-06 00:38 '13 у 0:38 2013/11/06 00:38

Калі ласка, выкарыстоўвайце гэты

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

Затым, калі ласка, паведаміце "selValue" і "selText". Вы атрымліваеце сваё вылучанае выпадальнае значэнне і тэкст

18
14 мая '15 в 17:21 2015-05-14 17:21 адказ дадзены Mohammed Shaheen MK 14 мая '15 у 17:21 2015/05/14 17:21
  $("#selectID option:selected").text(); 

Замест #selectID вы можаце выкарыстоўваць любы селектар jQuery, напрыклад .selectClass , выкарыстоўваючы клас.

Як паказана ў дакументацыі тут .

Абраны селектар працуе для элементаў <option. Ён не працуе для сцяжкоў ці радиовходов; выкарыстоўвайце :checked для іх.

.text () У адпаведнасці з дакументацыяй тут .

Атрымаеце камбінаванае тэкставае змесціва кожнага элемента ў наборы ўзгодненых элементаў, уключаючы іх нашчадкаў.

Такім чынам, вы можаце ўзяць тэкст з любога элемента HTML з дапамогай метаду .text() .

Звярніцеся да дакументацыі для больш глыбокага тлумачэння.

16
30 янв. адказ дадзены Nikhil Agrawal 30 студз. 2014-01-30 17:29 '14 у 17:29 2014/01/30 17:29
 $("select[id=yourDropdownid] option:selected").text() 

Гэта выдатна працуе

14
23 апр. адказ дадзены Thangamani Palanisamy 23 крас. 2013-04-23 13:04 '13 у 13:04 2013/04/23 13:04

Для атрымання абранага значэння выкарыстоўвайце

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

і для атрымання тэксту абранага элемента выкарыстоўвайце гэты радок:

 $("#dropDownId option:selected").text(); 
12
23 янв. адказ дадзены Mojtaba 23 студз. 2016-01-23 12:07 '16 у 12:07 2016/01/23 00:07
 $('#id').find('option:selected').text(); 
12
11 апр. адказ дадзены Nikul 11 крас. 2015-04-11 12:39 '15 у 12:39 2015/04/11 00:39

Абярыце тэкст і абранае значэнне ў расчыняецца спісе / выберыце падзея змены ў jQuery

 $("#yourdropdownid").change(function() { console.log($("option:selected", this).text()); //text console.log($(this).val()); //value }) 
10
19 нояб. адказ дадзены Sandeep Shekhawat 19 лістапада. 2015-11-19 08:36 '15 у 08:36 2015/11/19 08:36

выкарыстанне:

 ('#yourdropdownid').find(':selected').text(); 
9
31 июля '14 в 18:11 2014-07-31 18:11 адказ дадзены kishore 31 ліпеня '14 ў 18:11 2014/07/31 18:11
 var e = document.getElementById("dropDownId"); var div = e.options[e.selectedIndex].text; 
7
04 янв. адказ дадзены Kalaivani M 04 студз. 2017-01-04 15:53 '17 у 15:53 2017/01/04 15:53

для мяне працавала наступнае:

 $.trim($('#dropdownId option:selected').html()) 
7
17 сент. адказ дадзены Mohammad Dayyan 17 сент. 2015-09-17 08:13 '15 у 08:13 2015/09/17 08:13

У шлюбным справе

 <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 дек. адказ дадзены vineet 05 снеж. 2014-12-05 09:33 '14 у 09:33 2014/12/05 09:33

спрабаваць:

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

Або, каб атрымаць тэкст опцыі, выкарыстоўвайце text() :

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

Больш інфармацыі:

6
09 марта '17 в 10:03 2017-03-09 10:03 адказ дадзены Vishal Thakur 09 сакавіка '17 у 10:03 2017/03/09 10:03

Гэтая праца для мяне:

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

Я выкарыстоўваю jQuery 1.10.2

6
09 июля '15 в 5:00 2015-07-09 05:00 адказ дадзены Rhaymand Tatlonghari 09 ліпеня '15 г. у 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 авг. адказ дадзены Bhanu pratap 09 жнів. 2016-08-09 20:01 '16 у 20:01 2016/08/09 20:01

Калі вы хочаце атрымаць вынік у выглядзе спісу, выкарыстоўвайце:

 x=[]; $("#list_id").children(':selected').each(function(){x.push($(this).text());}) 
3
19 янв. адказ дадзены max 19 студз. 2017-01-19 00:56 '17 у 0:56 2017/01/19 00:56

Я асабіста аддаю перавагу гэта

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

Калі ў вас ёсць optgroup ў вашым поле выбару, вышэйзгаданы код будзе працаваць нармальна, this поле выбару.

1
08 авг. адказ дадзены rock star 08 жнів. 2018-08-08 07:52 '18 у 7:52 2018/08/08 07:52

Проста паспрабуйце наступны код.

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

вяртае тэкст абранай опцыі.

1
13 нояб. адказ дадзены Muddasir23 13 лістапада. 2018-11-13 09:03 '18 у 09:03 2018/11/13 09:03
 $("#dropdownid option:selected").text(); 

калі вы карыстаецеся asp.net і пішыце

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

то вы павінны выкарыстоўваць

 $('#<%=ddl.Clientid%> option:selected').text(); 
0
21 мая '18 в 14:01 2018-05-21 14:01 адказ дадзены Manish Singh 21 мая '18 у 14:01 2018/05/21 14:01
  • 1
  • 2

Іншыя пытанні па пазнаках або Задайце пытанне