文章/答案/技术大牛

发布

社区首页 >问答首页 >jquery自动完成，结果在div中

问jquery自动完成，结果在div中
EN

Stack Overflow用户

提问于 2014-01-02 17:38:54

回答 1查看 1.2K关注 0票数 0

这是我第一次尝试使用jQuery自动完成，我有它的工作，但我喜欢稍微编辑它，但发现它有点难。

我正在尝试做的是使用自动完成功能，使用输入字段中键入的产品代码来搜索产品数据库。然后创建一个div，它将显示匹配的Product name作为结果。目前我有一个标准的自动补全，在输入框下面显示结果，这不是我想要的。

然后，棘手的部分是保留在输入框中键入的产品代码，而只在结果div中显示产品名称。然后，我可以使用它来完成我的添加到购物车表单。

下面是我到目前为止所拥有的代码：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>


<script type="text/javascript" language="javascript"> 
$(function() {
    $( "#username" ).autocomplete({
        source: "source.asp",
        minLength: 5
});
});
</script>


<input type="text" id="username">

source.asp文件生成数据链接，如下所示：

[{"id":"product ID","value":"Product Name"}]

然后由jQuery自动完成功能读取。任何帮助都将不胜感激

jquery

ajax

json

autocomplete

回答 1

Stack Overflow用户

发布于 2014-01-02 18:17:35

创建包装器div

$( "#username" ).data( "ui-autocomplete" )._renderMenu=function(){
    // Create your div here
}

渲染该div中的各个项目

$( "#username" ).data( "ui-autocomplete" )._renderItem=function(){
    // render your items here, skip it if it creates undesired result
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20880002

复制

相似问题

问jquery自动完成，结果在div中
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery自动完成，结果在div中EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery自动完成，结果在div中
EN