[英]How to get the value of an option in javascript parsing
美好的一天,我有一個 HTML 代碼,我打算在其中獲取所選選項的 innerText
<div class="bag-option">
<div class="bag-option-label">colour:</div>
<div class="bag-option-control">
<select name='select-colour-0' id='select-colour-0' onchange="onColourSelected(this, '0', '1', 'style-img-thb-', '_WLG.jpg', '_WXL.jpg', '_SKC.jpg');displayUpdateMsg();return false;">
<option value="0" selected>orchid pink</option>
</select>
</div>
您可以使用:
document.getElementById("select-colour-0").getElementsByTagName("option")[document.getElementById("select-colour-0").selectedIndex].innerHTML
代碼的作用是:
<select>
標簽。<option>
標簽。<select>
的selectedIndex
。selectedIndex
獲取特定的<option>
標簽。<option>
的innerHTML
。代碼的工作演示如下...
片段
<select name='select-colour-0' id='select-colour-0' onchange="onColourSelected(this, '0', '1', 'style-img-thb-', '_WLG.jpg', '_WXL.jpg', '_SKC.jpg');displayUpdateMsg();return false;"> <option value="0" selected>orchid pink</option> </select> <script> alert(document.getElementById("select-colour-0").getElementsByTagName("option")[document.getElementById("select-colour-0").selectedIndex].innerHTML); </script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.