点击文本框搜索,出现在下拉列表中
输入用户名发送请求到后台,将用户的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=""> <i class="icon-search"></i> </a>
</div>
转载于:https://www.cnblogs.com/austinspark-jessylu/p/6137001.html
点击文本框搜索,出现在下拉列表中相关推荐
- php 点击文本框弹出时间,点击Input框弹出日期选项
点击text文本框弹出日期选择器 body{margin:0;padding:0;font:14px Verdana, Arial, sans-serif;line-height:200%;} #co ...
- 点击输入框弹出文字html,jQuery实现点击文本框弹出热门标签的提示效果
jQuery实现点击文本框弹出热门标签的提示示例_网页代码站 body { font-size:12px;font-family:Arial; } #m_tagsItem { background:# ...
- html 弹出复选框,js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解 ...
- jQuery实现点击文本框弹出热门标签的提示示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 点击文本框弹出热门标签
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- vue中手机端点击手机键盘的完成 / 搜索按钮触发文本框搜索
看到标题,你可能第一反应是想着监听手机键盘的[完成]或[搜索]按钮,然后触发事件do something but ,No No No ,没有那么艰难复杂. vue中,要在手机端点击手机键盘的[完成]或 ...
- vc 文本框 只显示下划线_【Axure9百例】36.文本框搜索自动匹配
" 根据输入的内容自动显示匹配内容列表." 这是<Axure9百例>系列第36篇 在文本框搜索时,自动匹配搜索的内容,并以列表的形式显示在文本输入框的下方,选中一项后当 ...
- 点击文本框后页面变大
原因:HTML中默认是认为16px的字体,人才能看清楚,所以,当点击文本框的时候,当前文本框会以字体16px的大小显示(即字体小于16px页面会变大). 解决原理:设置文本框的的字体为16px: 解决 ...
- 点击编辑框全选内容java,js实现鼠标点击文本框自动选中内容的方法
本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候, ...
最新文章
- 你了解如何评估模型吗?
- 784.字母大小写全排列
- Struts1.2的框架验证
- TransactionProducer(事务消息)
- linux 删除带a的文件格式,linux基础命令练习题
- C++的头文件和实现文件分别写什么
- [js] 使用ajax轮询接口有什么优缺点?
- r语言 柱状图加星号_R语言绘制带有显著性字母标记的柱状图
- [Unity] AnimationEvent 因 Animator Controller 中 Transition 设置问题而不触发的快速解决办法:重新拖入 Animator 创建新 State
- linux内核热修复,揭露内核黑科技 - 热补丁技术真容
- ELK YUM 安装部署添加监控
- 蓝桥杯 ALGO-80 算法训练 整数平均值
- python---之super()继承,解决钻石继承难题
- fiddler如何伪造referrer_Fiddler抓包神器带你遨游网络,叱咤风云,为所欲为
- 增强安全性、支持跨页逻辑关系设定的电信运营级EnableQ在线问卷调查引擎V1.60来了......
- 微信公众号 语音转文字api_微信语音快速转文字功能,方便实用
- 安装服务器系统后鼠标键盘没反应,安装Win7系统以后键盘鼠标不能用/失灵没反应的缘由以及解决方法...
- 【转】给大家分享一下目前mlc颗粒的内存卡资料
- 多校官宣:第二轮“双一流”,新增这些学科!
- 使用docx4j 实现word转pdf(linux乱码处理)
热门文章
- Windows程序设计:MFC 、Winform 和 WPF 比较
- C++20 - 下一个大版本功能确定
- linux服务器数据转发,Linux云服务器如何使用iptables做流量转发?
- 矩阵低秩张量分解_【线性代数】张量-张量的计算
- toad连接oracle12c,[20181107]低版本toad连接18c数据库问题.txt
- android layout include merge,Android 布局优化之include与merge
- python supper_python supper()函数
- python 函数调用 不允许关键字参数_你所不知道的Python|函数参数的演进之路
- 本地连接git 服务器方式:以及git连接时报错
- 服务器和运行内存,服务器运行内存不够的解决方法