获取 OPTION TAG html 的值答案

【问题标题】：obtain the value of the OPTION TAG html获取 OPTION TAG html 的值
【发布时间】：2014-12-16 21:35:24
【问题描述】：

我想获得<option value="somevalue">this value i want</option>obviusly 的价值，我已经完成了获得真正价值的工作，但我想显示该价值。例如<option value="1">red color</option> 如何...获得“红色”并放入变量或任何其他 HTML 标记。谢谢

【问题讨论】：

你在问这个之前没有尝试任何东西......？
对不起......我不确定......如何确定我在谷歌上的声明（得到那个）......那不赞成。谢谢

标签： javascript html

【解决方案1】：

我猜类似的解决方案很多，这是我的：

<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】：

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

【讨论】：

【解决方案3】：

    // 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

【讨论】：