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

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

Попробуй это:

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

Для раскрывающегося списка ASP.NET вы можете использовать следующий селектор:

 $("[id*='MyDropDownId'] :selected") 

Ответы, размещенные здесь, например,

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

не работает для меня, но это сработало:

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

Возможно, это более старая версия jQuery.

Если у вас уже есть выпадающий список в переменной, это то, что мне подходит:

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

Другие ответы на этот вопрос помогли мне, но в конечном итоге выбранная опция $ jQuery на форуме $ (this «option: selected»). Attr («rel») не работает в IE .

Обновление: исправлена ​​ссылка выше

 $("option:selected", $("#TipoRecorde")).text() 

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

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

Если элемент создан динамически

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

$("#DropDownID").val() выдаст выбранное значение индекса.

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

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

Версия jQuery : 1.9.1

Для текста выбранного элемента используйте:

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

Для значения выбранного элемента используйте:

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

Различные способы

 1. $("#myselect option:selected").text(); 2. $("#myselect :selected").text(); 3. $("#myselect").children(":selected").text(); 4. $("#myselect").find(":selected").text(); 
 $("#dropdownID").change(function(){ alert($('option:selected', $(this)).text()); }); 
 var someName = "Test"; $("#{amp}lt;%= ddltest.ClientID %{amp}gt;").each(function () { $('option', this).each(function () { if ($(this).text().toLowerCase() == someName) { $(this).attr('selected', 'selected') }; }); }); 

Это поможет вам получить правильное направление. Выше код полностью протестирован, если вам нужна дополнительная помощь, дайте мне знать.

Использовать этот

 const select = document.getElementById("yourSelectId"); const selectedIndex = select.selectedIndex; const selectedValue = select.value; const selectedText = select.options[selectedIndex].text; 

Затем вы получаете выбранное значение и текст внутри selectedValue и selectedText .

Для тех, кто использует списки SharePoint и не хочет использовать длинный сгенерированный идентификатор, это будет работать:

 var e = $('select[title="IntenalFieldName"] option:selected').text(); 
  $("#selectID option:selected").text(); 

Вместо #selectID вы можете использовать любой селектор jQuery, например .selectClass используя class.

Как указано в документации здесь .

Селектор: selected работает для элементов {amp}lt;option{amp}gt;. Это не работает для флажков или радиовходов; Использование :checked на них.

.text () Согласно документации здесь .

Получите объединенное текстовое содержимое каждого элемента в наборе соответствующих элементов, включая их потомков.

Таким образом, вы можете взять текст из любого HTML-элемента, используя метод .text() .

Обратитесь к документации для более глубокого объяснения.

 $("select[id=yourDropdownid] option:selected").text() 

Это отлично работает

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

Для получения выбранного значения используйте

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

и для получения текста выбранного элемента используйте эту строку:

 $("#dropDownId option:selected").text(); 

Выберите текст и выбранное значение в раскрывающемся списке / выберите событие изменения в jQuery

 $("#yourdropdownid").change(function() { console.log($("option:selected", this).text()); //text console.log($(this).val()); //value }) 

Использование:

 ('#yourdropdownid').find(':selected').text(); 
 var e = document.getElementById("dropDownId"); var div = e.options[e.selectedIndex].text; 

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

 $.trim($('#dropdownId option:selected').html()) 

В случае родного брата

 {amp}lt;a class="uibutton confirm addClient" href="javascript:void(0);"{amp}gt;ADD Client{amp}lt;/a{amp}gt; {amp}lt;input type="text" placeholder="Enter client name" style="margin: 5px;float: right" class="clientsearch large" /{amp}gt; {amp}lt;select class="mychzn-select clientList"{amp}gt; {amp}lt;option value=""{amp}gt;Select Client name....{amp}lt;/option{amp}gt; {amp}lt;option value="1"{amp}gt;abc{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; /*jQuery*/ $(this).siblings('select').children(':selected').text() 

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

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

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

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

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

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

 $(function () { alert('.val() = '   $('#selectnumber').val()   ' AND html() = '   $('#selectnumber option:selected').html()   ' AND .text() = '   $('#selectnumber option:selected').text()); }); 
 {amp}lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;html xmlns="http://www.w3.org/1999/xhtml"{amp}gt; {amp}lt;head runat="server"{amp}gt; {amp}lt;title{amp}gt;{amp}lt;/title{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;form id="form1" runat="server"{amp}gt; {amp}lt;div{amp}gt; {amp}lt;select id="selectnumber"{amp}gt; {amp}lt;option value="1"{amp}gt;one{amp}lt;/option{amp}gt; {amp}lt;option value="2"{amp}gt;two{amp}lt;/option{amp}gt; {amp}lt;option value="3"{amp}gt;three{amp}lt;/option{amp}gt; {amp}lt;option value="4"{amp}gt;four{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

Нажмите, чтобы увидеть OutPut Screen

Пытаться:

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

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

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

Больше информации:

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

 x=[]; $("#list_id").children(':selected').each(function(){x.push($(this).text());}) 

Для множественного выбора:

 $("#yourdropdownid :selected").map(function(i, v) { return $.trim($(v).text()); } 
 $("#dropdownid option:selected").text(); 

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

 {amp}lt;Asp:dropdownlist id="ddl" runat="Server" /{amp}gt; 

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

 $('#{amp}lt;%=ddl.Clientid%{amp}gt; option:selected').text();