gpt4 book ai didi

javascript - 使用 javascript 或 jQuery 清除 IE 中的选定选项

转载 作者:搜寻专家 更新时间:2023-10-31 22:33:40 25 4
gpt4 key购买 nike

想象一下这个 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 不会清除这个选择,它总是出现在页面上。获得 native javascript 或 jQuery 1.5.2 解决方案会很棒。有什么建议吗?

最佳答案

您可以使用 JavaScript 重置 select 以指向它的第一个 option 元素。

使用 jQuery...

$('#block_id').prop('selectedIndex', 0);

没有...

document.getElementById('block_id').selectedIndex = 0;

关于javascript - 使用 javascript 或 jQuery 清除 IE 中的选定选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9220010/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com