JavaScript 模糊在 IE 中不起作用

发布于 2024-10-29 04:14:54 字数 360 浏览 0 评论 0原文

<html>
<body>

<select onfocus='blur(this);'>
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</select>

</body>
</html>

在 Firefox 中这工作得很好。在 IE8 中，通过重复单击可以出现选项。什么给？我还能做些什么来使选择变为只读而不将其显示为禁用吗？

原文

<html>
<body>

<select onfocus='blur(this);'>
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</select>

</body>
</html>

In firefox this works fine. In IE8, by clicking repeatedly you can get the options to appear. What gives? Anything else I can do to get the select to be readonly without showing it as disabled?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

天赋异禀 2024-11-05 04:15:01

你可能想去这里：
HTML 表单只读 SELECT 标签/输入

回复收藏 0 原文

爱要勇敢去追 2024-11-05 04:15:00

它将是 onfocus="this.blur()"

但你为什么要这样做呢？只需禁用它即可。如果您需要该值，请将其复制到隐藏字段

更新：

<script>
function changeSel(idx) {
  var sel = document.forms[0].sel;
  sel.selectedIndex=idx;
  sel.form.selCopy.value=idx;
}
window.onload=function() {
  changeSel(document.forms[0].sel.selectedIndex);
}  
</script>
<form>
<input type="text" name="selCopy" value="not set" />
<select name="sel" size="1" disabled="disabled">
<option>Zero</option>
<option>One</option>
<option selected>Two</option>
<option>Three</option>
<option>Four</option>
</select>
<input type="button" onClick="changeSel(3)" value="Three" />
</form>

it would be onfocus="this.blur()"

but why would you do this? Just disable it. If you need the value, copy it to a hidden field

UPDATE:

<script>
function changeSel(idx) {
  var sel = document.forms[0].sel;
  sel.selectedIndex=idx;
  sel.form.selCopy.value=idx;
}
window.onload=function() {
  changeSel(document.forms[0].sel.selectedIndex);
}  
</script>
<form>
<input type="text" name="selCopy" value="not set" />
<select name="sel" size="1" disabled="disabled">
<option>Zero</option>
<option>One</option>
<option selected>Two</option>
<option>Three</option>
<option>Four</option>
</select>
<input type="button" onClick="changeSel(3)" value="Three" />
</form>

回复收藏 0 原文

~没有更多了~