表单下面的段落包含了名为"txtHint"的 div。这个 div 用作从 web 服务器检索到的
信息的占位符。
当用户选择数据时,执行名为"showUser()"的函数。该函数的执行由"onchange"事
件触发。
换句话说:每当用户改变下拉列表中的值,就会调用 showUser()函数。
JavaScript
这是存储在"selectuser.js"文件中的 JavaScript 代码:
varxmlHttp
functionshowUser(str)
{
xmlHttp=GetXmlHttpObject()
if(xmlHttp==null)
{
alert("BrowserdoesnotsupportHTTPRequest")
return
}
varurl="getuser.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
functionstateChanged()
{
if(xmlHttp.readyState==4||xmlHttp.readyState=="complete")
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}
functionGetXmlHttpObject()
{
varxmlHttp=null;
try
{
//Firefox,Opera8.0+,Safari
xmlHttp=newXMLHttpRequest();
}
catch(e)
{
//InternetExplorer
try
{
xmlHttp=newActiveXObject("Msxml2.XMLHTTP");