使用自动填充javascript:
<link rel="stylesheet" type="text/css" href="j query/js/jquery.autocomplete.css" />
<script type="text/javascript" src="j query/js/jquery.autocomplete.js"></script>{/literal}
<script type="text/javascript">
$().ready(function() {
$(".id_perkiraan").autocomplete("j query/js/cari.php",{width:350, max:28, scroll:false });
});
</script>
html:
<tr>
<td width="75">
<div class="demo">
<div>
<p><input type="text" name="id_perkiraan[]" class="id_perkiraan" size=75 autocomplete="off"></p>
</div>
</div>
<div class="pilihan"></div>
</td>
<td><input type ='text' name='keterangan[]' size="20"></td>
<td><input type ='text' name='debet[]' size="20" ></td>
<td><input type ='text' name='kredit[]' size="20" ></td>
</tr>
<tr>
<td width="75">
<div class="demo">
<div>
<p><input type="text" name="id_perkiraan[]" class="id_perkiraan" size=75 autocomplete="off"></p>
</div>
</div>
<div class="pilihan"></div>
</td>
<td><input type ='text' name='keterangan[]' size="20"></td>
<td><input type ='text' name='debet[]' size="20" ></td>
<td><input type ='text' name='kredit[]' size="20" ></td>
</tr>
和cari.php:
<?
mysql_connect("localhost","root","root");
mysql_select_db("siakud");
$q = strtolower($_GET["q"]);
if (!$q) return;
$query = mysql_query("select * from perkiraan where id_perkiraan LIKE '%$q%'");
while($r = mysql_fetch_array($query))
{
$id = $r['id_perkiraan'];
$nama = $r['nama'];
echo "$id [$nama] \n";
}
?>
但不知何故只有一个'id_perkiraan'文本字段具有自动完成工作... 如何为第二,第三adn等'id_perkiraan'???
答案 0 :(得分:0)
试试这个......
您只使用“id.perkiraan”,其他文本字段未在jquery中使用
哪个textfield想要自动完成,使用keyup,其他合适的函数
$(".id_perkiraan").autocomplete(...)
$("other").autocomplete(...)
我已尝试使用自动完成插件..我已更改“框”值,多个文本字段访问完成。所以你试试了你的代码..
function check(na)
{
var tmp=document.getElementById(na).value;
box='#'+na;
$.ajax({
type: 'POST',
url: 'fetch.php',
data: "val="+tmp,
success: function(data)
{
if(data!="")
{
//$('#err_register').html(data);
var data1=data.split(','); // alert(data1.length);
//$('#pname').focus().autocomplete(data1);
$(box).focus().autocomplete(data1);
}
}
});
}