혼자 Perl-CGI 할 수 없습니다.
CGI 스크립트에서 javascript를 사용해보세요. 그때 입력 태그의 값을 얻을
<form>
<input type="text" id="someid" onkeyup="myfunc()" style="width:150px"/>
<div id='auto_div' style="position:absolute; width:150px; height:100px;">
</div>
</form>
자바 스크립트 AJAX 호출
function myfunc()
{
var val = document.getElementById("someid").value;
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
var res = xmlhttp.responseText;
document.getElementById("auto_div").innerHTML= res;
}
}
xmlhttp.open("GET","database.pl?input_value="+val,true);
xmlhttp.send();
}
트리거마다의 keyup (onkeyup()
)에 myfunc
기능
HTML 코드 아래의 샘플 HTML과 자바 스크립트를 추가했습니다. 이어서 HTML5 자동 완성 드롭 다운, <datalist>
위한 간지 태그를 갖는 auto_div
@Atwal 좋아도. DB에서 가져 오는 방법은 무엇입니까? – mkHun
AJAX 호출을 사용하여 HTTP 요청을하는 것이 올바른 방법입니다. 아래 답변을 확인하십시오 : http://stackoverflow.com/questions/29204934/how-to-populate-dependable-drop-down-using-ajax-and-php –
AJAX를 사용하는 이유는 무엇입니까? 목록이 작지만 드롭 다운이 발생하지 않을 경우 몇 킬로바이트 미만이라고 말할 수 있습니다. '