如何在单个页面上使用多个 jQuery AutoSuggest?

发布于 2024-10-19 04:08:00 字数 403 浏览 3 评论 0原文

感谢您的回复。所以我没有添加更多关于我的问题的细节。现在我正在解释整个问题..

我在我的页面中创建了一个自动建议,现在我想在同一页面中添加另外两个自动建议,这意味着页面中总共有三个自动建议。

我使用此语法在我的页面中创建自动建议。

$("input[type=text]").autoSuggest("http://mysite.com/path/to/script", {minChars: 2, matchCase: true});

但如果我将另外两个自动建议放在一个页面中,那么我只能获得第一个自动建议值。意味着我不知道要在 jquery 中放入什么以及在 HTML 中放入什么。

您能给我一些简单的例子来在一个页面中创建三个自动建议吗?

提前非常感谢。

Thanks for your reply. so i was not adding more details abt my prob. now i am explaining the whole issue..

I Created one Autosuggest in my page and now i want another two autosuggests in the same page meaning total of three autosuggests in a page.

i used this syntaxt for creating autosuggest in my page.

$("input[type=text]").autoSuggest("http://mysite.com/path/to/script", {minChars: 2, matchCase: true});

but if i will put another two autosuggest in a page then i an getting only first autosuggest value. means i dont know what to put in jquery and what to put in HTML.

Can you please give me some simple example to create three autosuggest in a single page..

Thanks a lot in advance.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

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

发布评论

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

评论(1

摇划花蜜的午后 2024-10-26 04:08:00
<input type="text" id="first" />
<input type="text" id="second" />
<input type="text" id="third" />


$("#first").autoSuggest("http://mysite.com/path/to/script/first", {minChars: 2, matchCase: true});

$("#second").autoSuggest("http://mysite.com/path/to/script/second", {minChars: 2, matchCase: true});

$("#third").autoSuggest("http://mysite.com/path/to/script/third", {minChars: 2, matchCase: true});
<input type="text" id="first" />
<input type="text" id="second" />
<input type="text" id="third" />


$("#first").autoSuggest("http://mysite.com/path/to/script/first", {minChars: 2, matchCase: true});

$("#second").autoSuggest("http://mysite.com/path/to/script/second", {minChars: 2, matchCase: true});

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