Получить выделенный текст из выпадающего списка (выбрать поле) с помощью jQuery - PullRequest
Новая
       255

Получить выделенный текст из выпадающего списка (выбрать поле) с помощью jQuery

2168 голосов
/ 29 октября 2009

Как я могу получить выделенный текст (не выбранное значение) из раскрывающегося списка в jQuery?

Ответы [ 31 ]

7 голосов
/ 17 сентября 2015

у меня сработало следующее: 

$.trim($('#dropdownId option:selected').html())
7 голосов
/ 05 декабря 2014

В случае с братом 

<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()
7 голосов
/ 04 января 2017 
var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;
6 голосов
/ 09 марта 2017

Попробуйте: 

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

Или чтобы получить текст опции, используйте text(): 

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

Подробнее:

6 голосов
/ 09 июля 2015

Эта работа для меня: 

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

Я использую jQuery 1.10.2

5 голосов
/ 13 ноября 2018

Просто попробуйте следующий код. 

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

возвращает текст выбранной опции.

5 голосов
/ 09 августа 2016 

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

Click to see OutPut Screen

3 голосов
/ 19 января 2017

Если вы хотите получить результат в виде списка, используйте: 

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})
0 голосов
/ 12 января 2019

Просто добавьте следующую строку 

$(this).prop('selected', true);

заменил .att на .prop он работал для всех браузеров.

0 голосов
/ 21 мая 2018 
$("#dropdownid option:selected").text();

если вы используете asp.net и пишете 

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

тогда вы должны использовать 

$('#<%=ddl.Clientid%> option:selected').text();
Страница:
...