5月3日 RIA 周四

这里写图片描述
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
  <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
  <script type="text/javascript">
    $(function(){
        $.ajax({
            url:"city",
            type:"post",
            data:{pid:0},
            dataType:"json",
            success:function(msg){
                for(var i in msg){
                    $("#d1").append("<option value="+msg[i].id+">"+msg[i].name+"</option>");
                }
            }
        });

        $("#d1").change(function(){
            $("#d2").empty();
            var d2 = $("#d1").val();
            $.ajax({
                url:"city",
                type:"post",
                data:{pid:d2},
                dataType:"json",
                success:function(msg){
                    for(var i in msg){
                        $("#d2").append("<option value="+msg[i].id+">"+msg[i].name+"</option>");
                    }
                }
            });

        });

        $("#d2").change(function(){
            $("#d3").empty();
            var d3 = $("#d2").val();
            $.ajax({
                url:"city",
                type:"post",
                data:{pid:d3},
                dataType:"json",
                success:function(msg){
                    for(var i in msg){
                        $("#d3").append("<option value="+msg[i].id+">"+msg[i].name+"</option>");
                    }
                }
            });

        });

    });
  </script>
  </head>

  <body>
    <h3>三级联动</h3>
     省:<select id="d1">

     </select>
    市:<select id="d2">

        </select>
     县:<select id="d3">

        </select>
  </body>
</html>
别太理会人家背后怎么说你，因为那些比你强的人，根本懒得提起你。诋毁，本身就是一种仰望。
猜你喜欢
