使用javascript或jQuery清除IE中的选定选项
Clear selected option in IE with javascript or jQuery
想象一下这个HTML代码
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function clear_form() {
$("select#block_id").find("option").removeAttr("selected");
}
</script>
</head>
<body>
<form>
<select id="block_id" name="block_id">
<option value=""></option>
<option value="1">1 Peach Road</option>
<option value="2" selected="selected">Bethnal Green Estate</option>
<option value="3">Ley Street</option>
<option value="4">Ogilby Street</option>
</select>
<input type="reset" onclick="clear_form()" value="Clear"/>
<input type="submit"/>
</form>
</html>
当您在Firefox中打开此页面时,按下"清除"按钮将重置所选选项。但这在IE中不起作用,浏览器不会引发任何错误,但什么都不做所选的选项仍然显示。问题是因为我们有'option value="2"selected="selected"'html代码,看起来IE不会清除此选择,它总是出现在页面上。获得本地javascript或jQuery 1.5.2解决方案将是一件很棒的事情。有什么建议吗?
您可以使用JavaScript将select
重置为指向其第一个option
元素。
使用jQuery。。。
$('#block_id').prop('selectedIndex', 0);
没有。。。
document.getElementById('block_id').selectedIndex = 0;
似乎重置按钮是它在IE中恢复值的原因。
重置按钮将所有表单字段重置为初始值
在您的情况下,最初选择了选项2,因此保留了该值。
- 将按钮类型更改为按钮,而不是重置
-
如Alex帖子中所述更改clear函数。
document.getElementById('block_id').selectedIndex = 0;
相关文章:
- 获取所选选项的Javascript在Webkit/FF中有效,但在IE中无效
- ng-单击在IE中不起作用的选项选择Angularjs
- 在 IE 中从 DOM 中删除选项时,滚动选择元素会跳到顶部
- Javascript变量在IE中不起作用||用Javascript隐藏选项
- JQuery隐藏选项没有'我在IE 11中不工作
- window.打开IE 11中的新选项卡而不是新窗口
- 无法在 IE 中设置选项元素的属性
- Selenium IE Driver 打开新窗口,而不是 window.open() 上的新选项卡
- 在IE浏览器中选择不更改的选项
- 在 IE 中隐藏选项标记
- 为什么选择只显示IE 9中选项文本的第一个字符
- 带有JavaScript的选项卡在IE中不起作用
- 无法使用 jquery 在 IE 中取消选择多个选项
- 工具提示器悬停选择和选项在IE中不起作用
- <选项> 禁用属性在 IE 之前的版本 8 中不受支持.任何解决方法
- javascript:window.close();不会关闭 IE 8 中的选项卡
- 在 IE 11 中<选项>标记上,Onclick 事件不起作用
- 当主窗口是 chrome 时是否可以在 IE 中打开一个新选项卡 |ASP.Net
- 是否可以在选择之前找出哪个选择选项在IE中具有焦点
- Javascript:事件处理程序在选择选项(IE)中不起作用