javascript - (ie10,ie11)选择标签错误(使用多个)

标签 javascript html internet-explorer

首先,我的英语不太好。抱歉。

我想要选项文本动态更改<select multiple>

所以,我使用 JavaScript..

options[].text = 'changeValue';

值(value)改变就是成功,
但我无法再选择其他选项。

在ie9中可以选择其他选项
但ie10和ie11不能选择其他选项。

请告诉我为什么会发生这种情况。

html 源代码

<!DOCTYPE html>
<html>
<body>
    <form>
        <select multiple onchange="myFunction(this)">
            <option>Apple</option>
            <option>Orange</option>
            <option>Pineapple</option>
            <option>Banana</option>
        </select>
    </form>

    <p id="demo"></p>
    <script>
    function myFunction(selTag){
        var x = selTag.options[selTag.selectedIndex].text;
        selTag.options[selTag.selectedIndex].text = "value";
        //selTag.options[selTag.selectedIndex].innerHTML = "value";
        document.getElementById("demo").innerHTML="You selected: " + x;
    }
    </script>
</body>
</html>

捕获屏幕

http://youtube.com/watch?v=qfWnvkpY1J0&feature=youtu.be

<小时/>

我的操作系统是

Windows 7 x64 ie9,
虚拟机 Windows 7 x86 ie10,
虚拟机 Windows 7 x64 ie11。

最佳答案

我遇到了同样的问题,我从使用 .text 更改为 .innerHTML。

将代码更改为:

    selTag.options[selTag.selectedIndex].innerHTML = "value";

关于javascript - (ie10,ie11)选择标签错误(使用多个),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21371116/

相关文章:

javascript - 制作另一个将显示列表(自动完成)并将用作所选字段的值的表单

javascript - 如何将带有自定义 ID 的文档添加到 firestore

html - css 修复图像后出现的空白

html - 离开悬停状态时缓出 CSS3

javascript - 如何重置(清除)文件输入

javascript - IE8 在第一次执行后不运行 javascript

javascript - .NET 创建 JSON 对象,其中值包含引号

javascript - 使用try catch的主要原因是什么?

html - 应用 onmouseover 更改文本

javascript - 是否有类似 "Firebug for IE"的东西(用于调试 JavaScript)?