如何将选定的输入值附加到 Ajax AutoComplete for jQuery 中的另一个 div 中？

发布于 2024-12-01 15:43:32 字数 561 浏览 2 评论 0原文

您好，我正在使用 Ajax AutoComplete for jQuery 库

http://www. devbridge.com/projects/autocomplete/jquery/

那里有 2 个演示。

在第一个演示（Ajax 自动建议示例（开始输入国家/地区名称））中，

当您从下拉列表中选择一个国家/地区时，该国家/地区会将图像添加到 div 中像这样，

<div id="selection"><img alt="" src="/global/flags/small/ht.png"> Haiti</div>

选定的下拉值是Haiti 我该怎么做。

我想在鼠标单击下拉值时以及在选定的下拉值上按 Enter 时执行此操作。

我尝试过，但想不出办法......请帮忙:(

原文

hi i am using Ajax AutoComplete for jQuery library

http://www.devbridge.com/projects/autocomplete/jquery/

there are 2 demos there .

in the first demo (Ajax auto-suggest sample (start typing country name))

when you select a country from the drop down that country and a image is added to a div
like this

<div id="selection"><img alt="" src="/global/flags/small/ht.png"> Haiti</div>

the selected dropdown value is Haiti how can i do this .

i want to do this when mouse clicking on drop-down value and also when press enter on selected drop-down value .

i tried but could not think a way ................. please help :(

分享到QQ

分享到微博

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

发布评论

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

遮云壑 2024-12-08 15:43:32

在 autocomplete 参数中，您可以定义 onSelect 回调。添加函数以更改带有 id selection 的 div。例如：

$(>selector<).autocomplete({
    ...
    onSelect: function(value, data) {
        $('#selection').html('<img src="/global/flags/small/' + data + '.png" alt="" /> ' + value);
    }
    ...
});

In the autocomplete-parameters you can define an onSelect callback. Add the function to change the div with the id selection. E.g.:

$(>selector<).autocomplete({
    ...
    onSelect: function(value, data) {
        $('#selection').html('<img src="/global/flags/small/' + data + '.png" alt="" /> ' + value);
    }
    ...
});

回复收藏 0 原文

~没有更多了~