令人吐血的IE JS兼容性问题。。。

原创于 2013-05-29 16:07:13 发布 · 832 阅读

CC 4.0 BY-SA版权

本文介绍了一个简单的JavaScript函数，用于从HTML表单中获取输入框的值，并通过按钮触发该操作。特别关注了IE浏览器下特定的bug及其解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($("input[name='fname']").val());
menu_id = $("input[name='menu_id']").val();
alert(menuid);
});
});
</script>
</head>
<body>
Firstname: <input type="text" name="fname" value="Bill" /><br />
<input type="text" size="20" name="menu_id" value="123">
Lastname: <input type="text" name="lname" value="Gates" /><br /><br />
<button>获得第一个文本域的值</button>
</body>

</html>

此处menu_id = $("input[name='menu_id']").val();在IE下有奇葩的BUG，两个menu_id拼写相同，IE下运行失败，将前者改为menuid 后IE下运行正常。。。。