如何在javascript解析中获取选项的值

Question

美好的一天 我有一个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>

Answer 1

你可以使用：

document.getElementById("select-colour-0").getElementsByTagName("option")[document.getElementById("select-colour-0").selectedIndex].innerHTML

代码到底是做什么的：

1. 选择<select>代码。
2. 找到所有<option>代码。
3. 获取selectedIndex。{/ li>的<select>
4. 使用<option>获取特定selectedIndex标记。
5. 获取始终为文字的innerHTML的{​​{1}}。

代码的工作演示如下......

<强>段

＆＃13;
＆＃13;
<option>
＆＃13;
＆＃13;
＆＃13;