怎么样通过javascript实现省市级联功能
2个回答
展开全部
代码如下：自己写过的，你把数字换为省市即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>省市联动</p>
<select id="select1" onchange="show(this);">
</select>
<select id="select2">
</select>
</body>
<script type="text/javascript">
//一个方法可以重复的使用；
function showValue(doc,arrr,start){
for(var i=start; i<arrr.length; i++){
doc.innerHTML+="<option>"+arrr[i]+"</option>";
}
}
var sel2=document.getElementById("select2");
var sel1=document.getElementById("select1");
//二维数组：
var arr = [
[1,1.1,1.2,1.3],
[2,2.1,2.2,2.3],
[3,3.1,3.2,3.3]
];
//初始化左边的select的内容
for(var i=0;i<arr.length; i++){
sel1.innerHTML+="<option>"+arr[i][0]+"</option>";
}
//初始化右边的内容
// for(var i=1;i<arr[0].length; i++){
// sel2.innerHTML+=("<option>"+arr[0][i]+"</option>");
// }
//初始化右边
showValue(sel2,arr[0],1);
// var os=sel1.getElementsByTagName("option");
function show(thiss) {
// alert(thiss.value);
//获取指定标签位置的value的值
for(var i=0; i<arr.length; i++){
if(arr[i][0]==thiss.value){
// 添加之前先将右边的清空
sel2.innerHTML="";
// 找过指定国家的下标
//也就是指定一维数组的第一个元素。
// for(var j=1; i<arr[i].length; j++){
// sel2.innerHTML+=("<option>"+arr[i][j]+"</option>");
// }
// for(var j=1; i<arr[i].length; j++){
// var opt2=document.createElement("option");
// var tex2=document.createTextNode(arr[i][j]);
// }
showValue(sel2,arr[i],1);
}
}
//var j=t.value;
//添加之前先清除右边的内容
// sel2.options.length=0;
}
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>省市联动</p>
<select id="select1" onchange="show(this);">
</select>
<select id="select2">
</select>
</body>
<script type="text/javascript">
//一个方法可以重复的使用；
function showValue(doc,arrr,start){
for(var i=start; i<arrr.length; i++){
doc.innerHTML+="<option>"+arrr[i]+"</option>";
}
}
var sel2=document.getElementById("select2");
var sel1=document.getElementById("select1");
//二维数组：
var arr = [
[1,1.1,1.2,1.3],
[2,2.1,2.2,2.3],
[3,3.1,3.2,3.3]
];
//初始化左边的select的内容
for(var i=0;i<arr.length; i++){
sel1.innerHTML+="<option>"+arr[i][0]+"</option>";
}
//初始化右边的内容
// for(var i=1;i<arr[0].length; i++){
// sel2.innerHTML+=("<option>"+arr[0][i]+"</option>");
// }
//初始化右边
showValue(sel2,arr[0],1);
// var os=sel1.getElementsByTagName("option");
function show(thiss) {
// alert(thiss.value);
//获取指定标签位置的value的值
for(var i=0; i<arr.length; i++){
if(arr[i][0]==thiss.value){
// 添加之前先将右边的清空
sel2.innerHTML="";
// 找过指定国家的下标
//也就是指定一维数组的第一个元素。
// for(var j=1; i<arr[i].length; j++){
// sel2.innerHTML+=("<option>"+arr[i][j]+"</option>");
// }
// for(var j=1; i<arr[i].length; j++){
// var opt2=document.createElement("option");
// var tex2=document.createTextNode(arr[i][j]);
// }
showValue(sel2,arr[i],1);
}
}
//var j=t.value;
//添加之前先清除右边的内容
// sel2.options.length=0;
}
</script>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
