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 只有一个同名允许...但是我想在第一个使用 javascript 的情况下添加更多输入文本（第二个、第三个等），而无需复制粘贴 scriot 并更改其名称...帮助请，，，，

4

2 回答 2

4

工作演示 http://jsfiddle.net/nckYT/

请注意，DOM 不应该具有与id上面示例中的元素相同的属性。即id="perkiraan" 解决方案改用class属性。

我认为官方文档说，如果有多个相同id的，那么它将最后一个id-ied 元素作为标识的元素。

进一步对于多个元素，您可以像这样使用 class 元素进行自动完成$( ".perkiraan" ).autocomplete({，它将自动完成与所有带有 class 的元素一起附加perkiraan。或者您可以链接不同id的 s，$( "#perkiraan, #foo" ).autocomplete({但添加类会解决问题

希望这会有所帮助，如果我错过了什么，请让我知道，:)

因为

<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 回答