获取OPTION TAG html的值

时间:2014-12-16 21:35:25

标签: javascript html

我想获得,<option value="somevalue">this value i want</option>的价值,我已经做了以获得真正的价值,但我想表明这个价值。例如<option value="1">red color</option>如何...获得红色&#34;并放入一个变量或任何HTML标签。感谢

3 个答案:

答案 0 :(得分:0)

与从任何其他元素获取文本的方式相同(阅读innerHTML或在DOM中查找textNode并阅读其data)或通过text属性HTMLOptionElementNode。

答案 1 :(得分:0)

我猜相似的解决方案很多,这是我的:

<select onchange="showSelection(this)">
  <option>Select</option>
  <option value="blue">Roses are blue</option>
  <option value="red">Roses are red</option>
</select>
<script>
function showSelection(e) {
  alert( e.options[ e.selectedIndex ].innerHTML );
}
</script>

答案 2 :(得分:0)

    // Basically, you can do this:

        <select id="test">
          <option value="1">red color</option>
        </select>

   // JS:


        var e = document.getElementById("test");
                var strUser = e.options[e.selectedIndex].value;

这是正确的,应该给你价值。这是你之后的文字吗?

        var strUser = e.options[e.selectedIndex].text;



This option has:

Index = 0
Value = 1
Text = red text