多个输入框的jQuery自动完成功能

Question

多个输入框的jQuery自动完成功能

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，而不必复制粘贴脚本并更改其名称......请帮帮我，谢谢。

- Myan

意思是你想为其他文本框触发相同的事件，即“自动完成”。 - Tamkeen

可能会对你有帮助，可以在这里链接：http://stackoverflow.com/questions/3102826/jquery-selectors - Tamkeen

2个回答

0

很简单，只需将 $("#perkiraan").autocomplete 更改为 $(".classname").autocomplete，然后完成

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

- Zuber Surya

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Tats_innit · Accepted Answer

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

请注意，DOM中的元素不应具有相同的id属性，这在上面的示例中是这种情况。即id="perkiraan"的解决方法是使用class属性。

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

对于多个元素，您可以像这样使用自动完成类元素$( ".perkiraan" ).autocomplete({，这将使所有具有perkiraan类的元素都附加自动完成。或者您可以链接不同的id，例如$( "#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 在此输入图像描述

（这是两个包含图像的HTML代码段，无法提供更多信息）