我正在尝试创建一个将搜索 mysql 数据库的文本框,在文本框下方提供自动完成的文本,然后显示确认勾号或叉号以表明该名称已经在数据库中(或不在数据库中)。
我只能使用一个文本框,但我想在同一页面上添加多个文本框。例如,某人可以搜索 10 个不同的名称,让它们全部自动完成,然后用绿色勾号或红色叉号显示以确认它们在数据库中。
我是新手,如果很明显我做错了,我深表歉意!
提前致谢。
这是javascript:
<script type="text/javascript">
function check_username(){
var username = $("#username").val();
if(username.length > 2){
$.post("username.php", {
username: $('#username').val(),
}, function(response){
$('#Info').fadeOut();
setTimeout("finishAjax('Info', '"+escape(response)+"')", 450);
});
return false;
}
}
function finishAjax(id, response){
$('#'+id).html(unescape(response));
$('#'+id).fadeIn(1000);
}
$(function() {
$( "#username" ).autocomplete(
{
source:'source.php' })
});
</script>
这是 html 文本字段:
<td><input type="text" id="username" type="text" onblur="return check_username();"/></td>
<td><div id="Info"></div></td>
<td><input type="text" id="username2" type="text" onblur="return check_username2();"/></td>
<td><div id="Info"></div></td>