免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 9420 | 回复: 3
打印 上一主题 下一主题

[Ajax] 联动查询传值求救 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2013-06-07 12:35 |只看该作者 |倒序浏览
本帖最后由 linusex007 于 2013-06-07 12:39 编辑

2个select,选择第一个select取到ID去数据库取数据如何存放到第二个select..用ajax如何让第二个select取到数据库查到的值?
有会的兄弟能否提供下具体例子,感激不尽!

论坛徽章:
0
2 [报告]
发表于 2013-06-07 12:56 |只看该作者
好冷啊,这里都没人理

论坛徽章:
0
3 [报告]
发表于 2013-09-01 15:48 |只看该作者
<script type="text/javascript">
                          function selectCity(obj){
                                  $("#p".appendTo($("#city");
                                  $("#city".html("<option id='c'>---请选择---</option>";
                                  $.post("cityAction.action",{provinceidbj.value},function(cityStr){
                                          eval("var cityArray="+cityStr);
                                          for(var i=0;i<cityArray.length;i++){
                                                  $("#city".append("<option value="+cityArray[i].cityid+">"+cityArray[i].city+"</option>";
                                          }
                                  });
                                  selectArea($("#city");
                          }
                          function selectArea(obj){
                                $("#area".html("<option id='a'>---请选择---</option>";
                                $("#a".appendTo($("#area"));
                                if(obj.value!=a.s){
                                        $.post("areaAction.action",{cityidbj.value},function(areaStr){
                                                  eval("var areaArray="+areaStr);
                                                  for(var i=0;i<areaArray.length;i++){
                                                          $("#area").append("<option value="+areaArray[i].areaid+">"+areaArray[i].area+"</option>");
                                                  }
                                          });
                                }
                          }
</script>


以上是js代码   


一下是相应的html代码


                                                                    省份:
                                                    <select   id="pro"  name="pro" onchange="selectCity(this);" >
                                                            <option id="p">---请选择---</option>
                                                            <c:forEach  items="${pList}"  var="p">
                                                                    <option  value="${p.provinceid }">${p.province }</option>
                                                            </c:forEach>
                                                    </select>
                                                   城市:
                                                    <select   id="city"  name="city"   onchange="selectArea(this);" >
                                                            <option id="c">---请选择---</option>
                                                    </select>
                                                   地区:
                                                    <select   id="area"  name="area" >
                                                            <option id="a">---请选择---</option>
                                                    </select>

论坛徽章:
0
4 [报告]
发表于 2013-09-01 15:52 |只看该作者
考     被替换了      第一种笑脸是  “)”    第二种笑脸是  “:”
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP