3

多くのテキスト入力フィールドに対してオートコンプリートを行いたい...しかし、このオートコンプリートでは

<html><head><script type="text/javascript" src="jquery-1.4.js"></script>
<script type='text/javascript' src='jquery.autocomplete.js'></script>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<link rel="stylesheet" href="main.css" type="text/css" />

<script type="text/javascript">

$().ready(function() {
      $("#perkiraan").autocomplete("proses_akun.php", { width:350, max:28, scroll:false });
});

</script>
</head>
<body>
<div class="demo" style="width: 250px;">
<div>
<p>Nama Akun : <input type="text" id="perkiraan"  name="perkiraan" size="65"></p>
</div>
</div>
<div id="pilihan">
</div>

<div class="demo" style="width: 250px;"><div>
<p>Nama Akun : <input type="text" id="perkiraan"  name="perkiraan" size="65"></p>
</div>
</div>  

<div id="pilihan">
</div>
</body>
</html>

このjqueryには同じ名前が1つしか許可されていないため、私はそれを知っています...しかし、最初の入力テキストの下にさらに入力テキスト（2番目、3番目など）を追加したい.お願いします、、、、

4

2 に答える 2

4

作業デモ http://jsfiddle.net/nckYT/

id上記のサンプルの場合のように、DOMが要素に対して同じ属性を持つことは決してないことに注意してください。つまり、id="perkiraan" ソリューションclassは代わりに属性を使用します。

公式ドキュメントによると、同じものが複数ある場合idは、最後のid-ied要素が識別された要素として使用されます。

さらに、複数の要素の場合、このようにオートコンプリートのクラス要素を使用$( ".perkiraan" ).autocomplete({して、クラスを持つすべての要素にオートコンプリートをアタッチできますperkiraan。またはid、さまざまなものをチェーンすることもできますが、$( "#perkiraan, #foo" ).autocomplete({クラスを追加するとうまくいきます

これがお役に立てば幸いです、lemmeは私が何かを逃したかどうかを知っています、:)

cose

<body><div class="demo" style="width: 250px;">
    <div><p>Nama Akun : <input type="text" class="perkiraan"  name="perkiraan" size="65"></p></div></div><div id="pilihan"></div>
    <div class="demo" style="width: 250px;">
<div><p>Nama Akun : <input type="text" class="perkiraan"  name="perkiraan" size="65"></p></div></div>  <div id="pilihan"></div></body>

画像1入力1 ここに画像の説明を入力してください

画像2入力2 ここに画像の説明を入力してください

于 2012-06-29T05:07:28.537 に答える
0

簡単に変更$("#perkiraan").autocompleteするだけ$(".classname").autocomplete で完了です

注: クラス名はすべてのテキスト フィールドで同じにする必要があります

于 2012-06-29T05:33:33.423 に答える