0

オートコンプリート 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' テキスト フィールドは 1 つだけです。

4

1 に答える 1

0

これを試して....

「id.perkiraan」のみを使用し、他のテキストフィールドはjqueryで使用されていません

オートコンプリートが必要なテキストフィールド、キーアップの使用、その他の適切な機能

$(".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); 
        }

    } 
    });
}
于 2012-06-30T04:31:44.533 に答える