为什么我无法用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>

操作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>";

    }

很明显。。。你创建了函数，但但但没执行。

e.innerHTML = "辽宁";
网页输出的，不会改变代码，建议多看看基础

动态代码的意思是对象的数据类型可以变，不是代码可以变

<!DOCTYPE html>

网页标题

省

北京
上海
广州

市

请选择省份

$(function (){ //table鼠标事件 $(".addressSelect_sheng").change(function (){ //声明option的值 var optionKey = "辽宁"; //先移除所有option $(".addressSelect_shi").find("option").remove(); //创建声明的option $(".addressSelect_shi").append("<option>辽宁</option>"); }); });

你应该是要二级联动菜单，用jquery吧。
jquery用多了，document.getElemEntBy什么的都懒得写了，直接jquery

<!DOCTYPE html>

网页标题

省

北京
上海
广州

市

请选择省份