动态修改select下的子项长度

最新推荐文章于 2023-06-29 19:52:20 发布

Day_and_Dark

最新推荐文章于 2023-06-29 19:52:20 发布

阅读量425

点赞数

本文链接：https://blog.csdn.net/Day_and_Dark/article/details/88719541

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var arr = [["--请选择--","太原市","晋城市","晋中市"],["--请选择--","长沙市","株洲市","湘潭市"],["--请选择--","杭州市","台州市","温州市"]];
        function ChangeCity() {
            var iProvinceIndex;
            iProvinceIndex=document.frm.optProvince.selectedIndex-1;
            if(iProvinceIndex==-1){
                document.frm.optCity.length=1;
                return;
            }
            for(var i=0;i<=3;i++)
                document.frm.optCity[i] = new Option(arr[iProvinceIndex][i]);
                document.frm.optCity.focus();
        }
    </script>
</head>
<body>
<h3>选择省份及城市</h3>
<form action="#" name="frm">
    <p>省份：
        <select name="optProvince" size="1" onchange="ChangeCity()">
            <option>--请选择--</option>
            <option>山西省</option>
            <option>湖南省</option>
            <option>浙江省</option>
        </select>
    </p>
    <p>城市：
        <select name="optCity" size="1">
            <option>--请选择--</option>
        </select>
    </p>
</form>
</body>
</html>

正确的写法：