文章/答案/技术大牛

发布

社区首页 >问答首页 >用于选择国家和州的下拉菜单

问用于选择国家和州的下拉菜单
EN

Stack Overflow用户

提问于 2012-07-14 19:32:16

回答 1查看 22.1K关注 0票数 0

我想要创建一个下拉菜单，它生成另一个下拉菜单的基础上选择的值，例如，如果选择美国从第一个下拉，然后第二个下拉包含美国的州。我已经做了很多工作了。我更喜欢使用javascript并使用数组

var country_arr = new Array("USA", "Singapore", "Pakistan")
var s_a = new Array();
s_a[0]="";
s_a[1]="CA|NJ|NY";
s_a[2]="paas|naas|taas";
s_a[3]="Islamabad|karachi|lahore";

但我也想要的国家和州的名称选择，发送到mysql数据库。我想我必须使用二维数组来完成这个任务。但是这次不能编码，非常需要你的帮助。

drop-down-menu

html-select

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-07-14 20:38:19

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
        var citiesByState = {
            USA: ["NY","NJ"],
            Singapore: ["taas","naas"]
        }
        function makeSubmenu(value) {
            if(value.length==0) document.getElementById("citySelect").innerHTML = "<option></option>";
            else {
                var citiesOptions = "";
                for(cityId in citiesByState[value]) {
                    citiesOptions+="<option>"+citiesByState[value][cityId]+"</option>";
                }
                document.getElementById("citySelect").innerHTML = citiesOptions;
            }
        }
        function displaySelected() {
            var country = document.getElementById("countrySelect").value;
            var city = document.getElementById("citySelect").value;
            alert(country+"\n"+city);
        }
        function resetSelection() {
            document.getElementById("countrySelect").selectedIndex = 0;
            document.getElementById("citySelect").selectedIndex = 0;
        }
    </script>
</head>
<body onload="resetSelection()">
    <select id="countrySelect" size="1" onchange="makeSubmenu(this.value)">
        <option></option>
        <option>USA</option>
        <option>Singapore</option>
    </select>
    <select id="citySelect" size="1">
        <option></option>
    </select>
    <button onclick="displaySelected()">show selected</button>
</body>
</html>

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11483387

复制

相似问题

问用于选择国家和州的下拉菜单
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于选择国家和州的下拉菜单EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于选择国家和州的下拉菜单
EN