gpt4 book ai didi

javascript - 用于选择国家/地区和国家的下拉菜单

转载 作者:行者123 更新时间:2023-11-28 16:15:50 24 4
gpt4 key购买 nike

我想要创建一个下拉菜单,它根据所选值生成另一个下拉菜单例如,如果从第一个下拉列表中选择美国,则第二个下拉列表包含美国的各州。我已经完成了大部分工作。我更喜欢 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 数据库。我想我必须为此使用二维数组。但这次无法编码,非常需要您的帮助。

最佳答案

<!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>

关于javascript - 用于选择国家/地区和国家的下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11483387/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com