Ajax的级联下拉框第二个下拉框自动选择
Ajax的级联下拉框如果第二个下拉框只有一条数据的话就让他显示出来，请问怎么实现啊。。。。这个是我第二个下拉框的HTML。<selectid="gzz"onChange=...
Ajax的级联下拉框如果第二个下拉框只有一条数据的话就让他显示出来，请问怎么实现啊。。。。这个是我第二个下拉框的HTML。
<select id="gzz" onChange="changeValueG()">
<option value="">
--请选择--
</option>
也就是第二个下拉框里边如果只有一条数据的话就不必用用户选择了，
让它自动显示出来。。。 展开
<select id="gzz" onChange="changeValueG()">
<option value="">
--请选择--
</option>
也就是第二个下拉框里边如果只有一条数据的话就不必用用户选择了，
让它自动显示出来。。。 展开
展开全部
- -~
你ajax的返回函数的function里
function changeValueG(){
$.post(url,$("#gzz").val(),function(data){
//根据返回的data填充第二个select
$("#gzz2").selectedIndex = 1;
},"json")
}
你ajax的返回函数的function里
function changeValueG(){
$.post(url,$("#gzz").val(),function(data){
//根据返回的data填充第二个select
$("#gzz2").selectedIndex = 1;
},"json")
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ex一下：
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
province = $("#province");
province.change(function(){
city = $("#city");
city.empty();
var cities = [];
if (this.value == "hebei"){
cities = [{v:"sjz", t:"石家庄"}, {v:"xt", t:"邢台"}, {v:"handan", t:"邯郸"}, {v:"tangshan", t:"唐山"}]
}else if (this.value == "shanghai"){
cities = [{v:"shh", t:"上海"}]
}else if (this.value == "beijing"){
cities = [{v:"bj", t:"北京"}]
}
jQuery.each(cities, function(){city.append("<option value=\"" + this.v + "\">" + this.t + "</option>");});
});
loadProvince(province);
});
function loadProvince(province){
var plist = [{v:"hebei", t:"河北省"},{v:"shanghai", t:"上海市"},{v:"beijing", t:"北京市"}];
province.empty();
jQuery.each(plist, function(){province.append("<option value=\"" + this.v + "\">" + this.t + "</option>");});
province.change();
}
</script>
</head>
<body>
<form>
Province:
<select name="province" id="province"></select>
City:
<select name="city" id="city"></select>
</form>
</body>
</html>
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
province = $("#province");
province.change(function(){
city = $("#city");
city.empty();
var cities = [];
if (this.value == "hebei"){
cities = [{v:"sjz", t:"石家庄"}, {v:"xt", t:"邢台"}, {v:"handan", t:"邯郸"}, {v:"tangshan", t:"唐山"}]
}else if (this.value == "shanghai"){
cities = [{v:"shh", t:"上海"}]
}else if (this.value == "beijing"){
cities = [{v:"bj", t:"北京"}]
}
jQuery.each(cities, function(){city.append("<option value=\"" + this.v + "\">" + this.t + "</option>");});
});
loadProvince(province);
});
function loadProvince(province){
var plist = [{v:"hebei", t:"河北省"},{v:"shanghai", t:"上海市"},{v:"beijing", t:"北京市"}];
province.empty();
jQuery.each(plist, function(){province.append("<option value=\"" + this.v + "\">" + this.t + "</option>");});
province.change();
}
</script>
</head>
<body>
<form>
Province:
<select name="province" id="province"></select>
City:
<select name="city" id="city"></select>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
第一我想问的是你要做动态的（读数据库），还是静态的（页面写死的），说清楚了，我给你个例子，很简单的
更多追问追答
追问
是读数据库的。第二个下拉框的值是Ajax读数据库以后判断下。
如果只有一条记录的话就不麻烦用户选择了。自动把那条记录反应上第二个下拉框上面。
追答
你第二个也不用AJAX还判断的啊，比如吧，比如多条，你就选择一条即可，一条就那条信息，没必要用AJAX的
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
