急急急急,求高人 我有一张表select id,name from aa 还有一张页面。此页面使用了母板页 页面上有两个textbox1 textbox2 我想根据textbox1输入的内容,当textbox1失去焦点后,从数据库中读取相对应的name值 放进textbox2中 要求不刷新页面,要局部刷新,因为页面中还有其他东西 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 用dwr来实现很简单.类似这样的代码<script type = "text/javascript"> function outblur(vinput){ var vvalue = vinput.value; //ProcessAction是服务器端的java类,getPidByVid是其中的一个方法 ProcessAction.getPidByVid(vvalue,function(pvalue){ var pinput = document.getElemnetById("p"); pinput.value=pvalue; }) }</script><input type=text id="v" onblur="outblur(this)" value="v1"><input type=text id="p" value=""> 这几个简单的ajax介绍给的示例就能满足你的要求最多花半个小时就能看懂http://www.w3school.com.cn/ajax/ajax_intro.asp 利用ajax吧 实现起来很简单~ <input type="text" name="id" value="" onblur="fn(this.value)"/><input type="text" type="uName" id="uName" value=""/><script language="javascript">function fn(id){$.ajax({url:"getName.aspx",data:{"id":id},success:function(data){document.getElementById("uName").value=data;}});}</script>相关的验证内容,和数据库读取内容自行补充吧,呵呵 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>5_14</title><script src="jquery-1.3.2.js"></script><script>$(document).ready(function(){ var data = [{"id":1,"name":"张三"},{"id":"2","name":"李四"}]; //alert(data.length) $("#textbox1").blur(function(){ var j = 0; var value = $(this).val(); alert(value) for(var i =0;i<data.length;i++){ if(value ==data[i].id); j = i; } var name = data[j].name; alert(name) $("#textbox2").attr("value",name) ;//= name; });});</script></head><body><div id="meta" onclick="addDiv()">nihao</div><input type="text" id="textbox1" /><input type="text" id="textbox2" /></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>5_14</title><script src="jquery-1.3.2.js"></script><script>$(document).ready(function(){ var data = [{"id":"1","name":"张三"},{"id":"2","name":"李四"}]; alert(data[0].name) $("#textbox1").blur(function(){ var j = 0; var value = $(this).val(); value = parseInt(value); var name = data[value-1].name; alert(name) $("#textbox2").attr("value",name) ;//= name; });});</script></head><body><div id="meta" onclick="addDiv()">nihao</div><input type="text" id="textbox1" /><input type="text" id="textbox2" /></body></html>这样 Extjs treePanel 样式问题。。 Repeater + Jquery大图 请教 IE6 需要通过弹出页面来控制插件,可是弹出的页面都没有自己的iexplore.exe进程 一个for循环的题! 关于DIV缩放后拖放其中的子DIV的问题 请问如何关闭系统时清除访问后连接的颜色 可以动态加载.js文件吗? 请问:如何把一个层显示在屏幕的正中? 用javascript能不能获取机器名? 如何实现浏览网页至末尾就自动加载新内容? 【还是没解决】setTimeout的问题 实现tab下拉(点击‘技术论坛’显示本列下的各个语言类,然后点击语言类显示详细)
function outblur(vinput){
var vvalue = vinput.value;
//ProcessAction是服务器端的java类,getPidByVid是其中的一个方法
ProcessAction.getPidByVid(vvalue,function(pvalue){
var pinput = document.getElemnetById("p");
pinput.value=pvalue;
})
}
</script><input type=text id="v" onblur="outblur(this)" value="v1">
<input type=text id="p" value="">
最多花半个小时就能看懂http://www.w3school.com.cn/ajax/ajax_intro.asp
<input type="text" type="uName" id="uName" value=""/>
<script language="javascript">
function fn(id)
{
$.ajax({
url:"getName.aspx",
data:{"id":id},
success:function(data){document.getElementById("uName").value=data;}
});
}
</script>
相关的验证内容,和数据库读取内容自行补充吧,呵呵
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>5_14</title>
<script src="jquery-1.3.2.js"></script>
<script>
$(document).ready(function(){
var data = [{"id":1,"name":"张三"},{"id":"2","name":"李四"}];
//alert(data.length)
$("#textbox1").blur(function(){
var j = 0;
var value = $(this).val();
alert(value)
for(var i =0;i<data.length;i++){
if(value ==data[i].id);
j = i;
}
var name = data[j].name;
alert(name)
$("#textbox2").attr("value",name) ;//= name;
});
});</script>
</head><body>
<div id="meta" onclick="addDiv()">nihao</div>
<input type="text" id="textbox1" />
<input type="text" id="textbox2" />
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>5_14</title>
<script src="jquery-1.3.2.js"></script>
<script>
$(document).ready(function(){
var data = [{"id":"1","name":"张三"},{"id":"2","name":"李四"}];
alert(data[0].name)
$("#textbox1").blur(function(){
var j = 0;
var value = $(this).val();
value = parseInt(value);
var name = data[value-1].name;
alert(name)
$("#textbox2").attr("value",name) ;//= name;
});
});</script>
</head><body>
<div id="meta" onclick="addDiv()">nihao</div>
<input type="text" id="textbox1" />
<input type="text" id="textbox2" />
</body>
</html>
这样