Как читать выпадающий текст с помощью javascript

Извините за любительский вопрос, но я все еще пытаюсь привыкнуть к JS. Как я могу прочитать текст из раскрывающегося списка, используя java-скрипт, когда у меня есть несколько классов в html. Любая помощь будет оценена. благодаряКак читать выпадающий текст с помощью javascript

HTML

<div class="field"> 

<select id="addition_membership_type" class="w230" name="booking.additional_frequentFlyerMembershipType" style="display: none;" aria-disabled="false"> 
    <option class="hide-from-ui-list" value=""> … </option> 
    <option value="IBP"> … </option> 
    <option value="JET"> … </option> 

</select> 
<a id="addition_membership_type-button" class="ui-selectmenu ui-widget ui-state-default ui-selectmenu-dropdown w230 ui-corner-all" aria-owns="addition_membership_type-menu" aria-haspopup="true" tabindex="0" href="#" role="button" style="width: 230px;" aria-disabled="false"> 
    <span class="ui-selectmenu-status"> 

     Jet Privilege 

    </span>

Javascript

<script> 




$(document).ready (function() 
{ 
var dropdown = $(".field", "#addition_membership_type").text(); 

if (dropDown == "JET") 
{ 
window.alert(); 
} 
}); 
</script>

источник

2015-06-29 Josh

возможно дубликат [Получить выбранное значение в списке с помощью JavaScript?] (HTTP://stackoverflow.com/questions/1085801/get-selected-value-in-dropdown-list-using-javascript) – Daniel

возможно ib duplicate [Получить выделенный текст из раскрывающегося списка (поле выбора) с помощью jQuery] (http://stackoverflow.com/questions/1643227/get-selected-text-from-drop-down-list-select-box- using-jquery) –

Я создал скрипку здесь https://jsfiddle.net/98b6jr0b/

Это дает как индекс, так и значение выбранного падающего.

<select id="mySelect"> 
    <option value="test1">test1</option> 
    <option value="test2" selected="selected">test2</option> 
<option value="test3">test3</option> 
</select>

код JS

var x = document.getElementById("mySelect").selectedIndex; 
var y = document.getElementById("mySelect").options; 
alert("Index: " + y[x].index + " is " + y[x].text);

источник

2015-06-29 05:24:40

Ur Welcome. Plz отметьте ответ как правильный, чтобы другие могли получить его преимущества. @Josh –

Если использовать Val():

<script> 

$(document).ready (function() 
{ 
var dropdown = $(".w230").val(); 

if (dropDown == "JET") 
{ 
window.alert("JET"); 
} 
}); 
</script>

источник

2015-06-29 05:11:00

Это не то, что оп спросил, что он хочет, чтобы текст отображался, а не значение. –

Ну, он спросил, как получить значение выпадающего списка. –

Попробуйте это ..

<script> 
    $('#addition_membership_type').on('change',function(event){ 
alert('Selected Value: '+$('#addition_membership_type').val()); 
alert('Selected Text: '+$('#addition_membership_type option:selected').text()); 
    }); 
</script>

Working DEMO Here

источник

2015-06-29 05:28:46

Как читать выпадающий текст с помощью javascript

ответ

Смежные вопросы