下拉菜单,用于选择国家/地区,然后选择州
Drop down menu for selecting country then states
我想创建一个下拉菜单,该菜单根据所选值生成另一个下拉列表例如,如果从第一个下拉列表中选择美国,则第二个下拉列表包含美国的州。我已经完成了大部分工作。我更喜欢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>
相关文章:
- 什么是“;选择“;然后触发事件
- 如何利用多链接延迟检查并显示ping结果,然后使用JavaScript选择最快的URL
- 选择值,然后只调用函数
- onchange选择get value并执行查询,然后在同一页面上显示结果
- 椭圆字幕选择,然后在Photoshop中使用Javascript填充颜色
- 选择具有ID的父级的第一个子级以外的所有子级,然后应用操作
- 通过属性名称选择每个td,然后给出'未定义'用于属性值
- 在输入字段中选择一个值,然后用相应的数据填充另一个字段
- Angular js,在选择元素上,我想 POST 数据以将其保存在数据库中,然后我想使用 PUT 更新它而无需重新加载
- 单击“选择标签”中的“选项”时创建,然后选中“值”创建输入
- 创建唯一选项,然后使用 JavaScript 填充多个选择
- 选择其中一个单选按钮,然后单击“提交”,重定向其他页面
- 从select中选择一个选项,然后使用Codeigniter在另一个选择框上显示数据
- Jquery页面重新加载,然后选择分区
- 如果选择'其他'然后填充输入字段
- 下拉菜单,用于选择国家/地区,然后选择州
- 我不知道如何做出两个选择,然后展示你的选择
- 文本框和选择框组合单个文本中的值(第一个tb值,然后是sb值)
- Jquery按类选择然后匹配值
- 选择x + y然后返回文本字符串