具有相同 id 的多个字段的 jQuery 自动完成 UI 插件

发布于 2024-12-11 09:07:56 字数 538 浏览 0 评论 0原文

我尝试使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

冷情 2024-12-18 09:07:56

ID 必须是唯一的。使用
由于您的 ID 不是唯一的,因此它仅适用于 DOM 中的第一个实例。

<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>


$(".cod").autocomplete({
   source:getCods
});

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.

<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>


$(".cod").autocomplete({
   source:getCods
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文