具有相同 id 的多个字段的 jQuery 自动完成 UI 插件
我尝试使用 jQUery-UI 自动完成插件和具有相同 id 的输入列表。
列表如下:
<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>
我的 script.js 函数如下所示:
$("#cod_prod").autocomplete({
source:getCods
});
其中 getCods 是一个使用 jQuery 的 $.ajax 方法从数据库加载数据的函数。
这项工作,我在其他输入中尝试它......但是当我尝试使用这个多输入字段列表时,该插件仅适用于第一个字段。
知道我怎样才能做到这一点吗?
提前致谢
I try to use jQUery-UI autocomplete plugin with a list of inputs that have the same id.
The list is like this:
<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>
My script.js function look like this:
$("#cod_prod").autocomplete({
source:getCods
});
Where getCods is a function that load data from a DB with $.ajax method of jQuery.
This work, i try it in other input ... but when i try with this list of multiple input field the plugin only work with the first field.
Any idea of how can i accomplish this?
Thanks in advance
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
ID 必须是唯一的。使用
类
。由于您的 ID 不是唯一的,因此它仅适用于 DOM 中的第一个实例。
ID's need to be unique. Use a
class
.Since your ID's are not unique, that is why it only works with the first instance of it in the DOM.