百度搜索下拉效果

需用到上篇“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");
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值