js动态添加文本框实现autocomplete效果

沐曦沐曦gg 2014-06-12 09:43:29
<input class='J_Pro' type='text' style='width:320px;' id='text4' ><br /><br />
<input class='J_Pro' type='text' style='width:320px;' id='Text1' ><br /><br />
<input class='J_Pro' type='text' style='width:320px;' id='Text2' ><br /><br />
<input class='J_Pro' type='text' style='width:320px;' id='Text3' ><br /><br />

$(".J_Pro").autocomplete("../../xxxx.ashx", {
minChars: 1,
selectFirst: false,
extraParams: { startcity: function () {
return $("#ddl_City").val();
}
},
matchContains: true
})


首先预加载这种没问题



然后我使用js动态添加文本框<input class='J_Pro' type='text' style='width:320px;' id='" + skils + "' ><br /><br />
然后添加完毕给他加 $(".J_Pro").autocomplete("../../xxxx.ashx", {
minChars: 1,
selectFirst: false,
extraParams: { startcity: function () {
return $("#ddl_City").val();
}
},
matchContains: true
})方法

ie下只有刚添加的文本框有效果,之前添加的无效果, 火狐下没问题
请问怎么解决呢~~
...全文
931 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
Dear_bequiet 2016-05-12
  • 打赏
  • 举报
回复
楼主,这个问题解决了没,怎么解决的?
Go 旅城通票 2014-06-12
  • 打赏
  • 举报
回复
引用 2 楼 Return_false 的回复:
你可以尝试给只给新添加的设置自动匹配 比如做个标记 <input class='J_Pro new' type='text' style='width:320px;' id='" + skils + "' ><br /><br /> $(".new).autocomplete 区分一下原来的和新添加的看看
按#2的加新样式区分是否已经添加过,可能是冲突了重复添加自动完成效果。
  • 打赏
  • 举报
回复
你可以尝试给只给新添加的设置自动匹配 比如做个标记 <input class='J_Pro new' type='text' style='width:320px;' id='" + skils + "' ><br /><br /> $(".new).autocomplete 区分一下原来的和新添加的看看
不是说好的吗 2014-06-12
  • 打赏
  • 举报
回复
http://www.jb51.net/article/24219.htm 看看这个对你有帮助吧

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧