两个,如何实现联动?
在第一个文本框中输入数据,第二个文本框自动跟上?
就是定义你要联动的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的内容