两个<s:textfield>,如何实现联动?

两个,如何实现联动?
在第一个文本框中输入数据,第二个文本框自动跟上?

3个回答

就是定义你要联动的select标签;
通过js去控制你select的显示以及内容的填充

兄弟,这个东西我最近刚好做过,我给你一点我自己的代码,你先看看哈!
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>

联动是select做的,文本框应该是自动填充数据吧,如text1输入内容查询服务器得到信息填入text2中什么的,如输入员工编号获取姓名,职位之类的填充其他text

是的话用ajax,text1添加onblur事件后将内容发送服务器端查询得到相关数据返回给客户端,ajax得到数据设置其他text的内容

http://www.w3school.com.cn/jquery/ajax_ajax.asp

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问