开发者社区 问答 正文

为什么我无法用JavaScript改变HTML里面的代码?

 <!DOCTYPE html>
<html>
<body>
    <table>
        <tr>
            <td>省</td>
            <td>
                <select onchange="fun()">
                        <option>北京</option>
                        <option>上海</option>
                        <option>广州</option>
                </select>
            </td>
            <td>
                <select id="e">
                    <option>北京</option>
                    <option>上海</option>
                    <option>广州</option>
                </select>
            </td>
        </tr>
    </table>
</body>
<script type="text/javascript">
    function fun() {
        var e = document.getElementById("e");
        e.innerHTML = "<option>辽宁</option>";

    }
</script>
</html>

展开
收起
小旋风柴进 2016-03-13 15:31:27 1853 分享 版权
1 条回答
写回答
取消 提交回答
  • 操作option,不要操作innerHTML,ie9-不行
    
         function fun() {
            var e = document.getElementById("e");
    e.options.length=0;
    e.options.add(new Option('辽宁','option的value属性'))
            //e.innerHTML = "<option>辽宁</option>";
    
        }
    2019-07-17 19:02:39
    赞同 展开评论