兄弟，这个东西我最近刚好做过，我给你一点我自己的代码，你先看看哈！
js代码

 <script type="text/javascript">
        function get_prov() {
            $.ajax({
                type: "post",
                url: "page/basic_data/inst_manage/GetProv.action",
                dataType: "json",
                //data: {"userId": userId},
                success: function(data) {
                    var d = eval("(" + data + ")");
                    for (var i = 0; i < d.length; i++) {
                        var id = d[i].addressCode;
                        var name = d[i].addressName;
                        var opt = "<option value='" + id + "'>" + name + "</option>";
                        $("#provId").append(opt);
                    }
                },
                error: function() {
                    alert("<%=SysTextConfig.getConfigInfo("sys_err_1")%>");
                }
            });

        }

        function get_city() {
            $("#areaId").hide();
            var addressParentId = $("#provId  option:selected").val();
            $("#cityId").show();
            var city = $("#textCity").val();
            $("#cityId").html("<option value=0>" + city + "</option>");
            $.ajax({
                type: "post",
                url: "page/basic_data/inst_manage/GetCity.action",
                dataType: "json",
                data: {"addressParentId": addressParentId},
                success: function(data) {
                    var d = eval("(" + data + ")");
                    for (var i = 0; i < d.length; i++) {
                        var id = d[i].addressCode;
                        var name = d[i].addressName;
                        var opt = "<option value='" + id + "'>" + name + "</option>";
                        $("#cityId").append(opt);

                    }
                },
                error: function() {
                    alert("<%=SysTextConfig.getConfigInfo("sys_err_1")%>");
                }
            });

        }

        function get_area() {

            var addressParentId = $("#cityId  option:selected").val();
            $("#areaId").show();
            var area = $("#textArea").val();
            $("#areaId").html("<option value=0>" + area + "</option>");
            $.ajax({
                type: "post",
                url: "page/basic_data/inst_manage/GetArea.action",
                dataType: "json",
                data: {"addressParentId": addressParentId},
                success: function(data) {
                    var d = eval("(" + data + ")");
                    for (var i = 0; i < d.length; i++) {
                        var id = d[i].addressId;
                        var name = d[i].addressName;
                        var opt = "<option value='" + id + "'>" + name + "</option>";
                        $("#areaId").append(opt);
                    }
                },
                error: function() {
                    alert("<%=SysTextConfig.getConfigInfo("sys_err_1")%>");
                }
            });

        }

        $(document).ready(function() {
            get_prov();
        });
    </script>

html代码

       <td align="left">
                        <select id="provId" name="provId" class="slt_1" onchange="javascript:get_city()">
                            <option value=0><%=SysTextConfig.getConfigInfo("textProv")%></option>
                        </select>
                        <select id="cityId" name="cityId" class="slt_2" onchange="javascript:get_area()">
                            <option value=0><%=SysTextConfig.getConfigInfo("textCity")%></option>
                        </select>
                        <select id="areaId" name="areaId" class="slt_2">
                            <option value=0><%=SysTextConfig.getConfigInfo("textArea")%></option>
                        </select>
            </td>

易樊

两个<s:textfield>，如何实现联动？

3条回答

为你推荐