jQuery自动完成将选定内容添加到div
jQuery自动完成将选定内容添加到div
提问于 2012-04-28 00:33:03
我正在使用jQuery中的自动完成插件，我想将我选择的结果附加到一个带有附加元素的div元素中:一个隐藏输入和一个文本输入。
这是我的html代码：
这是我在jQuery中的函数：
$("#buscar").autocomplete({
source: "procesos/buscarPersona.php",
minLength: 2,
select: function( event, ui ) {
$("#acreditados")
.append('<div class="col50"><p>'
+ '<input type="hidden" name="id" value="' + ui.item.id_persona + '"/>'
+ ui.item.value
+ '</p></div>'
+ '<div class="col50 f-right"><p>Monto:'
+ '<input type="text" /></p></div>');
}
});到目前为止，我的代码运行良好，但是我发现很难维护显示选择结果和附加输入的append函数。有没有一种方法可以使用load()函数使这件事变得更简单？最终输出必须追加多个选择，而不仅仅是最后一个选择
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-04-28 00:38:05
不要使用load，load是Ajax，这意味着与服务器的通信，对于每个选择，除非你需要一些验证或更复杂的逻辑，否则我们应该避免网络访问。
如果你使用load，那么对于每个选择，你将与你的服务器通信，然后它将传递给你html。
这个解决方案看起来很难看，但效率更高。
编辑：
单独保存此div：
<div class="dynamiccontentcont">
<div class="col50">
<p><input type="hidden" name="id" value=""/></p>
</div>
<div class="col50 f-right">
<p>Monto:<input type="text" /></p>
</div>
</div>关于选择
通过调用jQuery('.dynamiccontentcont').clone()
- Place
- 克隆此div (就像您当前在代码中所做的那样)
- 将此div追加到代码
中
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10354512
复制相关文章
相似问题
腾讯云开发者
