具有自动完成的多文本字段,但为什么只有第一个

时间:2012-06-30 04:01:39

标签: php javascript autocomplete

使用自动填充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'???

1 个答案:

答案 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); 
        }

    } 
    });
}