Question

我想为许多文字输入字段制作自动完成功能... 但是有了这个自动完成功能

<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并更改其名称... 请帮助,,,,

Answer 1

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

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

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

对于多元素，您可以使用类元素进行自动完成，例如$( ".perkiraan" ).autocomplete({，它会将自动完成与所有带有类perkiraan的元素相关联。或您可以链接id之类的$( "#perkiraan, #foo" ).autocomplete({，但是添加类可以解决这个问题

希望这有帮助，知道我是否遗漏了任何内容，:)

<强> 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 enter image description here

图片2输入2 enter image description here

Answer 2

简单地将$("#perkiraan").autocomplete更改为$(".classname").autocomplete 你已经完成了

注意：所有文字字段中的类名应该相同

多输入字段jquery.autocomplete

2 个答案: