Javascript 我想创建4个级联下拉列表

我想创建4个级联下拉列表JavaScript我在网上遇到了这段代码，但我想添加这段代码的最后一个输入，最后一个输入取决于citySelect。请帮助我搜索，我只找到三个级联下拉列表

            <form name="myform" id="myForm">
                <select name="optone" id="stateSel" size="1">
                    <option value="" selected="selected">Select state</option>
                </select>
                <br>
                <br>
                <select name="opttwo" id="countySel" size="1">
                    <option value="" selected="selected">Please select state first</option>
                </select>
                <br>
                <br>
                <select name="optthree" id="citySel" size="1">
                    <option value="" selected="selected">Please select county first</option>
                </select>
                <br>
                <br>
                <select name="optfour" id="branchSel" size="1">
                    <option value="" selected="selected">Please select branch first</option>
                </select>
            </form>

            <script>

            var stateObject = {
                "California": {
                    "Monterey": ["Salinas", "Gonzales"],
                    "Alameda": ["Oakland", "Berkeley"]
                },
                "Oregon": {
                    "Douglas": ["Roseburg", "Winston"],
                    "Jackson": ["Medford", "Jacksonville"]
                }
            }
            window.onload = function () {
                var stateSel = document.getElementById("stateSel"),
                    countySel = document.getElementById("countySel"),
                    citySel = document.getElementById("citySel");
                for (var state in stateObject) {
                    stateSel.options[stateSel.options.length] = new Option(state, state);
                }
                stateSel.onchange = function () {
                    countySel.length = 1; // remove all options bar first
                    citySel.length = 1; // remove all options bar first
                    if (this.selectedIndex < 1) return; // done   
                    for (var county in stateObject[this.value]) {
                        countySel.options[countySel.options.length] = new Option(county, county);
                    }
                }
                stateSel.onchange(); // reset in case page is reloaded
                countySel.onchange = function () {
                    citySel.length = 1; // remove all options bar first
                    if (this.selectedIndex < 1) return; // done   
                    var cities = stateObject[stateSel.value][this.value];
                    for (var i = 0; i < cities.length; i++) {
                        citySel.options[citySel.options.length] = new Option(cities[i], cities[i]);
                    }
                }
            }

            </script>

选择状态




请先选择州




请先选择县




请先选择分行
var stateObject={
“加利福尼亚”：{
“蒙特利”：[“萨利纳斯”、“冈萨雷斯”]，
“阿拉米达”：[“奥克兰”、“伯克利”]
},
“俄勒冈州”：{
“道格拉斯”：[“罗斯堡”、“温斯顿”]，
“杰克逊”：[“梅德福德”、“杰克逊维尔”]
}
}
window.onload=函数（）{
var stateSel=document.getElementById（“stateSel”），
countySel=document.getElementById（“countySel”），
citySel=document.getElementById（“citySel”）；
for（stateObject中的变量状态）{
stateSel.options[stateSel.options.length]=新选项（state，state）；
}
stateSel.onchange=函数（）{
countySel.length=1；//首先删除所有选项栏
citySel.length=1；//首先删除所有选项栏
如果（this.selectedIndex<1）返回；//完成
for（stateObject[this.value]中的var county）{
countySel.options[countySel.options.length]=新选项（县，县）；
}
}
stateSel.onchange（）；//重新加载页面时重置
countySel.onchange=函数（）{
citySel.length=1；//首先删除所有选项栏
如果（this.selectedIndex<1）返回；//完成
var cities=stateObject[stateSel.value][this.value]；
对于（变量i=0；i

我会选择现成的工作解决方案。更快、更容易实现

例如：

---

希望这有帮助

我会先学习一些编码课程。Stackoverflow是一个致力于帮助您解决问题的社区，而不是为您编写代码的社区。@GSaunders这就是我正在做的嘿