Tilføje flere textbokse til fungerende ajax eksempel
Hejsa,Jeg har et ajax eksempel som virker helt perfekt med en enkelt tekstboks.. Men hvis jeg ville have nogle flere elementer med hvordan fik jeg så indsat disse?
Jeg har brug for at indsætte 1 checkbox, 1 dropdown samt 2 flere tekstbokse??
jeg er helt ny til java samt ajax, så er desværre lidt/meget blank :)
min fungerende kode ser således ud:
tekstboks:
<input type="text" name="timesearch" id="timesearch" style="width:95%" onKeyUp="showHint(this.value)"/>
her viser den resultatet:
<span id="txtHint"></span>
Dette er så javakoden, hvor jeg skal tilføje de resterende elementer..
Jeg tænker at man bare skulle få den til at tilføje querystrings som
q
q1
q2
q3
osv..
// JavaScript Document
var xmlHttp
function showHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
{
alert ("Your browser does not support AJAX!");
return;
}
var url="http://www.version2.frisornet.dk/search/gethints/gethint.asp";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}