您的位置:首页 > 其它

百度搜索下拉效果

2016-07-07 15:09 295 查看
需用到上篇“java中ajax使用–传回一个对象列表“。

在上篇中已经通过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");
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  下拉框 搜索