jQuery与Ajax小练习-二级联动（从Oracle数据库获取数据）

最新推荐文章于 2022-04-08 14:53:21 发布

Oliver_W

最新推荐文章于 2022-04-08 14:53:21 发布

阅读量1.4k

点赞数 1

分类专栏： jdbc web oracle jquery ajax 文章标签： jquery oracle ajax

本文链接：https://blog.csdn.net/Oliver_W/article/details/75948129

版权

    之前做了个简单的二级联动小练习，这次算是加强版的吧，希望能对大家有点用处。

//主页面
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="script/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
    
        //首先加载省份
        var province=$("#province");
        var city=$("#city");
        $.get("ProvinceServlet",function(data,textStatus){
    
            var provinces=data.province;
            for(var i=0;i<provinces.length;i++){
                var pro=provinces[i];
                var op=$("<option value="+(i+1)+">"+pro.name+"</option>");
                province.append(op);
            }
        },"json");      


        //选择了省份后城市联动
        province.change(function(){
    
            var index=this.value;
            city.empty();
            city.append("<option value=-1>--请选择--</option>");
            if(index>

最低0.47元/天解锁文章

Oliver_W

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jQuery与Ajax小练习-二级联动（从Oracle数据库获取数据）

之前做了个简单的二级联动小练习，这次算是加强版的吧，希望能对大家有点用处。//主页面<html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript" src="script/jquery-3.1.0.min.js"></script><script type=
复制链接

扫一扫

专栏目录