当我们在 IE11 浏览器中更改下拉选项时,下拉选择会挂起。
但是这在其他浏览器中有效。如何解决这个问题,为什么在 IE11 中出现这个问题?
请点击下方按钮查看本期!
<!DOCTYPE html>
<html>
<body>
<form>
<select id="mySelect" size="8">
<option>Orange</option>
</select>
</form>
<br>
<button type="button" onclick="myFunction()">Click</button>
<script>
function myFunction() {
var x = document.getElementById("mySelect").options;
x[1]=new Option;
x[1].text=x[0].text;
x[1].value=x[0].value;
x[0].text='sdf';
x[0].value='sdf';
}
</script>
</body>
</html>
最佳答案
在您的脚本代码中,您正在更改已传递数组值的列表的值和文本,如下所示。
x[3].text=x[2].text
x[3].value=x[2].value
此处您获取文本 x[3] 数组并将其设置在 x[2] 中,同样您获取 x[3] 的值并分配给 x[2] 值。根据 IE11,它正在更改值和文本,但在其他浏览器中,它只更改值而不是文本。它应该像下面的代码一样设置值。
x[3].text=x[3].text
x[3].value=x[3].value
关于javascript - 当我们更改下拉选项时,下拉选择会挂起,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35394427/