如何閱讀使用javascript的下拉文本

對於業餘愛好者的問題，但我仍然習慣JS。當我在html中有多個類時，如何使用java腳本從下拉菜單中讀取文本。任何幫助將不勝感激。感謝如何閱讀使用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

poss可重複的[使用jQuery從下拉列表（選擇框）獲取選定的文本]（http://stackoverflow.com/questions/1643227/get-selected-text-from-drop-down-list-select-box-使用-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

烏爾歡迎。 Plz將答案標記爲正確，以便其他人也可以得到它的好處。 @Josh –

應該使用VAL（）：

<script> 

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

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

來源

2015-06-29 05:11:00

這不是op詢問他想要顯示的文本而不是值。 –

那麼他問如何得到下拉的價值。 –

試試這個..

<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的下拉文本

回答

相關問題