javascript - 即 : Javascript onchange function getting empty value

标签 javascript html internet-explorer

为什么这个简单的 Javascript 函数在 Internet Explorer 版本 8 中不起作用。 为什么 myvalue 在 Internet Explorer 中为空。

javascript debug myvalue==

这在 Chrome/Firefox 中运行良好,并正确显示所选值。

javascript debug myvalue=Item2=

代码

<html>
<script type="text/javascript"> 
function showValue(myvalue)
{
   document.write("javascript debug myvalue=" + myvalue + "=\n");
}
</script>

<body>

<select id="items" onchange="showValue(this.value);">
 <option>Item1</option>
 <option>Item2</option>
 <option>Item3</option>
</select>

</body>
</html>

最佳答案

那是因为您的选项中没有 VALUES。这样的事情会起作用:

<option value="VALUE1">TEXT1</option>

但是,如果你真的需要选项的 TEXT 而不是 VALUE,你应该使用这个:

var e = document.getElementById("items");
var txt = e.options[e.selectedIndex].text;

引用HTMLOptionElement DOM spec有关选项的更多信息。

关于javascript - 即 : Javascript onchange function getting empty value,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8371774/

相关文章:

javascript - Prop 未在组件内部渲染

javascript - 无需替换即可采样的别名方法的有效版本/替代方法

javascript - 如何通过 jQuery 从 JIRA REST API 获取和发布数据?

JavaScript 替换

javascript - 更新DIV内容后自动滚动

html - Firefox/Safari 中的 CSS 对齐问题(但在 Chrome 中没问题)

html - 如何在 IE9 的 div 框中向上移动 +1 google 插件

javascript - Angular-Schema-Form 在 SCHEMA 更改时更改 FORM

css - first-child & last-child 跨浏览器兼容性

javascript - 监控运行 JavaScript 的 IE 性能的工具