输入用户名发送请求到后台,将用户的custId返回回来,保存到form中,再提交。根据custId去搜寻

$("#custNameButton").click(function () {
var custName=$("#custName");
var value = custName.val();
if(value.length==0)return;
var selectBox=$("<div></div>");
selectBox.addClass("select4_box");
$.ajax({
"contentType":"application/x-www-form-urlencoded;charset=utf-8",
"type":"post",
"dataType":"json",
"data":{
name:value
},
url:"${ctx}/XXXX/XXXXX/XXXData",
success:function(data){
if(custName.parent().find(".select4_box").length>0)custName.parent().find(".select4_box").remove();
var ul=$("<ul></ul>");
$.each(data.data||[],function(index,item){
var li=$("<li></li>");
li.attr("data-id",item.id);
li.text(item.name);
li.click(function(){
custName.val($(this).text());
$("#custId").val($(this).attr("data-id"));
$(this).closest(".select4_box").remove();
});
ul.append(li);
});
selectBox.append(ul);
custName.parent().append(selectBox);
}

});

});

=========================================

<form:hidden path="custId" />

<label>用户昵称:</label>
<div class="input-append">
<form:input path="custName" htmlEscape="false" maxlength="128" class="input-small" id="custName"/>
<a id="custNameButton" href="javascript:" class="btn " style="">&nbsp;<i class="icon-search"></i>&nbsp;</a>&nbsp;&nbsp;
</div>

转载于:https://www.cnblogs.com/austinspark-jessylu/p/6137001.html

点击文本框搜索,出现在下拉列表中相关推荐

  1. php 点击文本框弹出时间,点击Input框弹出日期选项

    点击text文本框弹出日期选择器 body{margin:0;padding:0;font:14px Verdana, Arial, sans-serif;line-height:200%;} #co ...

  2. 点击输入框弹出文字html,jQuery实现点击文本框弹出热门标签的提示效果

    jQuery实现点击文本框弹出热门标签的提示示例_网页代码站 body { font-size:12px;font-family:Arial; } #m_tagsItem { background:# ...

  3. html 弹出复选框,js点击文本框弹出可选择的checkbox复选框

    本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解 ...

  4. jQuery实现点击文本框弹出热门标签的提示示例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. 点击文本框弹出热门标签

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. vue中手机端点击手机键盘的完成 / 搜索按钮触发文本框搜索

    看到标题,你可能第一反应是想着监听手机键盘的[完成]或[搜索]按钮,然后触发事件do something but ,No No No ,没有那么艰难复杂. vue中,要在手机端点击手机键盘的[完成]或 ...

  7. vc 文本框 只显示下划线_【Axure9百例】36.文本框搜索自动匹配

    " 根据输入的内容自动显示匹配内容列表." 这是<Axure9百例>系列第36篇 在文本框搜索时,自动匹配搜索的内容,并以列表的形式显示在文本输入框的下方,选中一项后当 ...

  8. 点击文本框后页面变大

    原因:HTML中默认是认为16px的字体,人才能看清楚,所以,当点击文本框的时候,当前文本框会以字体16px的大小显示(即字体小于16px页面会变大). 解决原理:设置文本框的的字体为16px: 解决 ...

  9. 点击编辑框全选内容java,js实现鼠标点击文本框自动选中内容的方法

    本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候, ...

最新文章

  1. 你了解如何评估模型吗?
  2. 784.字母大小写全排列
  3. Struts1.2的框架验证
  4. TransactionProducer(事务消息)
  5. linux 删除带a的文件格式,linux基础命令练习题
  6. C++的头文件和实现文件分别写什么
  7. [js] 使用ajax轮询接口有什么优缺点?
  8. r语言 柱状图加星号_R语言绘制带有显著性字母标记的柱状图
  9. [Unity] AnimationEvent 因 Animator Controller 中 Transition 设置问题而不触发的快速解决办法:重新拖入 Animator 创建新 State
  10. linux内核热修复,揭露内核黑科技 - 热补丁技术真容
  11. ELK YUM 安装部署添加监控
  12. 蓝桥杯 ALGO-80 算法训练 整数平均值
  13. python---之super()继承,解决钻石继承难题
  14. fiddler如何伪造referrer_Fiddler抓包神器带你遨游网络,叱咤风云,为所欲为
  15. 增强安全性、支持跨页逻辑关系设定的电信运营级EnableQ在线问卷调查引擎V1.60来了......
  16. 微信公众号 语音转文字api_微信语音快速转文字功能,方便实用
  17. 安装服务器系统后鼠标键盘没反应,安装Win7系统以后键盘鼠标不能用/失灵没反应的缘由以及解决方法...
  18. 【转】给大家分享一下目前mlc颗粒的内存卡资料
  19. 多校官宣:第二轮“双一流”,新增这些学科!
  20. 使用docx4j 实现word转pdf(linux乱码处理)

热门文章

  1. Windows程序设计:MFC 、Winform 和 WPF 比较
  2. C++20 - 下一个大版本功能确定
  3. linux服务器数据转发,Linux云服务器如何使用iptables做流量转发?
  4. 矩阵低秩张量分解_【线性代数】张量-张量的计算
  5. toad连接oracle12c,[20181107]低版本toad连接18c数据库问题.txt
  6. android layout include merge,Android 布局优化之include与merge
  7. python supper_python supper()函数
  8. python 函数调用 不允许关键字参数_你所不知道的Python|函数参数的演进之路
  9. 本地连接git 服务器方式:以及git连接时报错
  10. 服务器和运行内存,服务器运行内存不够的解决方法