在同一个jsp页面内的文本框中自动完成

时间:2012-02-03 04:57:57

标签: javascript jquery ajax jsp

我正在修改内容。数据显示在<div>国家/地区内,但如何自动填充auto.jsp中的文字框?我从get.jsp获取数据,get.jsp的内容显示在国家auto.jsp的{​​{1}}上。

<div>

auto.jsp

<%@page import="java.sql.*"%> <html> <head> <script language="javascript" type="text/javascript"> var xmlHttp var xmlHttp function showState(str){ if (typeof XMLHttpRequest != "undefined"){ xmlHttp= new XMLHttpRequest(); } else if (window.ActiveXObject){ xmlHttp= new ActiveXObject("Microsoft.XMLHTTP"); } if (xmlHttp==null){ alert ("Browser does not support XMLHTTP Request") return } var url="get.jsp";//goes to get.jsp url += "?count=" +document.getElementById("textbox1").value; url += "&secondVal="+document.getElementById("textbox2").value; xmlHttp.onreadystatechange = stateChange; xmlHttp.open("GET", url, true); xmlHttp.send(null); } function stateChange(){ if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){ document.getElementById("country").innerHTML=xmlHttp.responseText; } } </script> </head> <body> <input id="textbox1" type="text" name="name" onkeyup="showState(this.value)"/> <input id="textbox2" type="text" name="secondVal" onkeyup="showState(this.value)"/> <br> <div id='country'> Here Iam getting data from get.jsp </div> <input type="text"/> //how to fill up this text box based on previous textbox 1 and textbox 2(written just above)? </body> </html>

get.jsp

1 个答案:

答案 0 :(得分:1)

查看您的函数stateChange(),您正在更改country的值。因此,您可以更改此设置以将结果应用于其他元素,例如:

function stateChange(){   
  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){   
    document.getElementById("country").innerHTML = xmlHttp.responseText;  
    document.getElementById("textbox2").value = xmlHttp.responseText;
  }   
}