急急急急，求高人

我有一张表select id,name from aa   还有一张页面。此页面使用了母板页   页面上有两个textbox1 textbox2  我想根据textbox1输入的内容，当textbox1失去焦点后，从数据库中读取相对应的name值  放进textbox2中   要求不刷新页面，要局部刷新，因为页面中还有其他东西

解决方案 »

  1.   

    用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="">
      

  2.   

    这几个简单的ajax介绍给的示例就能满足你的要求
    最多花半个小时就能看懂http://www.w3school.com.cn/ajax/ajax_intro.asp
      

  3.   

    利用ajax吧  实现起来很简单~
      

  4.   

    <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>
    相关的验证内容,和数据库读取内容自行补充吧,呵呵
      

  5.   


    <!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>
      

  6.   


    <!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>
    这样