百度搜索下拉效果
2016-07-07 15:09
295 查看
需用到上篇“java中ajax使用–传回一个对象列表“。
在上篇中已经通过ajax获得单位的对象列表,接下来介绍jsp页面。
1、jsp页面
2、js函数
在上篇中已经通过ajax获得单位的对象列表,接下来介绍jsp页面。
1、jsp页面
<input type="text" name="organization.compName" id="compName" class="text" onkeyup="searchOrg();" onkeydown="getOrgValue(selectedOrgIndex);">
2、js函数
/** *单位搜索(输入字符时异步查询单位列表) */ function searchOrg() { //在上一篇中 } /** * 回车获取单位的值 */ function getOrgValue(selectedOrgIndex) { if (window.event.keyCode == 13 && $("#searchOrgDiv").css("display") != "none") { var orgInfo = $("div span:nth-child(" + selectedOrgIndex + ")").val(); var id = orgInfo.split(";")[0]; var name = orgInfo.split(";")[1]; var compCode = orgInfo.split(";")[2]; var registerCode = orgInfo.split(";")[3]; var legalPersion = orgInfo.split(";")[4]; var logalPersionCard = orgInfo.split(";")[5]; var compMail = orgInfo.split(";")[6]; var orgTypeName = orgInfo.split(";")[7]; var orgTypeId = orgInfo.split(";")[8]; var RegionName = orgInfo.split(";")[9]; var RegionId = orgInfo.split(";")[10]; $("#compName").val(name); $("#orgId").val(id); $("#compCode").val(compCode); $("#registerCode").val(registerCode); $("#legalPersion").val(legalPersion); $("#logalPersionCard").val(logalPersionCard); $("#compMail").val(compMail); $("#orgTypeName").val(orgTypeName); $("#orgTypeId").val(orgTypeId); $("#RegionName").val(RegionName); $("#RegionId").val(RegionId); $("#searchOrgDiv").empty(); $("#searchOrgDiv").css("display", "none"); } } /** * 鼠标点击时获取单位信息 * @param {Object} obj 当前对象 */ function mouseClickToOrg(obj) { var orgInfo = $(obj).val(); var id = orgInfo.split(";")[0]; var name = orgInfo.split(";")[1]; var compCode = orgInfo.split(";")[2]; var registerCode = orgInfo.split(";")[3]; var legalPersion = orgInfo.split(";")[4]; var logalPersionCard = orgInfo.split(";")[5]; var compMail = orgInfo.split(";")[6]; var orgTypeName = orgInfo.split(";")[7]; var orgTypeId = orgInfo.split(";")[8]; var RegionName = orgInfo.split(";")[9]; var RegionId = orgInfo.split(";")[10]; $("#compName").val(name); $("#orgId").val(id); $("#compCode").val(compCode); $("#registerCode").val(registerCode); $("#legalPersion").val(legalPersion); $("#logalPersionCard").val(logalPersionCard); $("#compMail").val(compMail); $("#orgTypeName").val(orgTypeName); $("#RegionName").val(RegionName); $("#orgTypeName").val(orgTypeName); $("#orgTypeId").val(orgTypeId); $("#RegionName").val(RegionName); $("#RegionId").val(RegionId); $("#searchOrgDiv").empty(); $("#searchOrgDiv").css("display", "none"); }
相关文章推荐
- 搜狗百度360市值齐跌:搜索引擎们陷入集体焦虑?
- 本人即将筹备败家日志,敬请期待!
- IE:使用搜索助手
- javascript实现的树型下拉框改进版
- C#实现下拉框绑定list集合的方法
- 解决Jquery下拉框数据动态获取的问题
- javascript下拉框不被选中大类的区别方法
- C++深度优先搜索的实现方法
- 基于文本的搜索
- php实现搜索一维数组元素并删除二维数组对应元素的方法
- 使用Sphinx对索引进行搜索
- asp 多关键词搜索的简单实现方法
- C#使用foreach语句搜索数组元素的方法
- WordPress中用于获取搜索表单的PHP函数使用解析
- javascript中select下拉框的用法总结
- js怎样实现下拉框改变,它旁边的图像也改变
- JS获取文本框,下拉框,单选框的值的简单实例
- JavaScript实现点击文本自动定位到下拉框选中操作
- Dojo获取下拉框的文本和值实例代码
- js实现select下拉框菜单