页面代码:

#set($pi = "$!request.getParameter('pi')")

#set($ct = "$!request.getParameter('ct')")
#set($ci = "$!request.getParameter('ci')")
#set($bi = "$!request.getParameter('bi')")
#set($bd=$!resTool.getBreedNameById($!bi))
#set($br = "$!request.getParameter('br')")
#set($sp = "$!request.getParameter('sp')")
#set($ml = "$!request.getParameter('ml')")
#if($velocityTool.isStringEmpty($!ci))
    #if($velocityTool.notStringEmpty($!ct))
        #set($ci = $urlTool.toCityId($!ct))
    #else
        #set($ct = $resTool.getCityPinYinByIP($!{request},$!{response}))
        #if($velocityTool.notStringEmpty($!ct))
            #set($ci = $urlTool.toCityId($!ct))
        #end
    #end
#end
#if($velocityTool.isStringEmpty($!{pi}))
    #if($velocityTool.notStringEmpty($!{bi}))
        #set($pi=$!resTool.queryPi($!bi))
    #else
        #set($pi="total")
    #end
#end
#set($onsell = $!timeTool.isDateTime())
#set($marketMap=$!resTool.queryMarketProperties($!request,$!{velocityTool.formatHtml($!{pi})},$!{velocityTool.formatHtml($!bi)}))
#set($cities=$!resTool.getCommonCity())
#set($warehouseMap=$!resTool.queryWarehouseProperties($!request,$!{velocityTool.formatHtml($!{pi})},$!{velocityTool.formatHtml($!ci)}))
#set($pd=$!resTool.getBreedNameById($!{velocityTool.formatHtml($!{pi})}))
#set($cityName=$!resTool.getCityName($!ci))
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>钢材超市-钢材现货资源中心-钢银钢铁现货交易平台</title>
<meta name="description" content="钢银钢材超市具有海量真实现货资源,百家钢厂、贸易商在线直销,钢材价格、钢材库存实时更新,买卖钢材无忧。">
<meta name="keywords" content="钢材超市,今日钢材现货资源,钢材现货,钢材报价,钢材价格,今日钢材,钢材交易,钢材市场,钢材网站,钢铁现货,钢银,钢铁电商">
<link href="//static.banksteel.com/v6/images/fav.ico" rel="shortcut icon">
<link href="//static.banksteel.com/v6/css/chaoshi.css" rel="stylesheet" type="text/css">
<script src="//static.banksteel.com/v6/js/jquery-1.11.3.js"></script>
<script src="//static.banksteel.com/v6/js/lib.js"></script>
<script src="/skin/js/MyNumber.js" type="text/javascript" ></script>
<script src="//static.banksteel.com/v6/js/float_cart.js"></script>
<script src="//static.banksteel.com/v6/js/cart/parabola.js"></script>
<script src="/skin/js/shop/v6/summaryResList.js"></script>
<script src="/skin/js/shop/v6/searchHistory.js"></script>
<script src="/skin/js/shop/v6/singleSelector.js" type="text/javascript" ></script>
<script src="/skin/js/shop/v6/cart.js"></script>
<script src="/skin/js/shop/v6/userInfo.js"></script>
<script type="text/javascript" src="/skin/js/shop/v6/json2.js"></script>
<script src="//static.banksteel.com/v6/js/zhaohuo.js"></script>
<script src="/skin/js/shop/v6/chaoshi.js"></script>
<script type="text/javascript">
var sendFlag ="0";
var searchParams={};
var pa;
pa = getQueryString("kw");
if(pa == null)
{
    pa = "";
}    
var kw=escape(pa);
var ci="$!{ci}";
var pi="$!{pi}";
var pd="$!{pd}"
var br="$!{br}";
var bi="$!{bi}";
var bd="$!{bd}";
var sp="$!{sp}";
var ml="$!{ml}";
var cities = '$!{cities}';
var cityName="$!{cityName}";

$(document).ready(function(){
    $("#cartCountNav").text($("#rcart").text());
    $("#cartCountNav1").text($("#rcart").text());
    
    getUserInfo();
    
    //品名全部设置
    if(document.getElementById("breed_option_all")!=null)
    {
        document.getElementById("breed_option_all").href = "javascript:searchMarket('"+ pi +"');searchParams['breedNames']='';searchParams['breedIds']='';searchParams['breedInfos']='';searchByParams();";
    }
    
    //初始化展示收索记录
    showSearchHistory();
    //判断是否收起或展开
    
    var name ="supermarket_swish";
    var cookieValue = $.cookie(name);
    var number = "2";

if(cookieValue !="" && typeof(cookieValue) !="undefined")
    {
        number = parseInt(cookieValue);
    }

if(parseInt(number)%2==0)
    {
        //收索侧边栏
         $(".header-cur-swish .tohide").toggle();
    }
    else{
         $(".screen-slide").show();
    }

if(pi != "total"){
        searchParams["prBreedId"]=pi;
    }
    if(pi != "total"){
        searchParams["prBreedName"]=pd;
    }
    if(ci!="") {
        searchParams["cityId"]= ci;
        searchParams["cityName"] = cityName;
    }
    if(br!=""){
        searchParams["brands"]=br;
    }
    if(bi!=""){
        searchParams["breesIds"]=bi;
        searchParams["breedNames"]=bd;
        
        var breedInfo = {};
        breedInfo[bi] = bd;
        searchParams["breedInfos"] = breedInfo;
    }
    if(ml!=""){
        searchParams["materials"]=ml;
    }
    if(sp != ""){
        searchParams["specs"]=sp;
    }
    if(kw != ""){
        searchParams["keyword"]=kw;
    }
    
    var breedInfo='$!{marketMap.queryProperty.get($!{pi}).breed_array}';
    var breedData=$.parseJSON(breedInfo.replace(/\n/g,""));
    var materialInfo='$!{marketMap.materialJsonProperty}';
    var materialData=$.parseJSON(materialInfo.replace(/\n/g,""));
    var specInfo='$!{marketMap.specJsonProperty}';
    var specData=$.parseJSON(specInfo.replace(/\n/g,""));
    var brandInfo='$!{marketMap.brandJsonProperty}';
    var brandData=$.parseJSON(brandInfo.replace(/\n/g,""));
    var warehouseInfo='$!{warehouseMap.warehouseJsonProperty}';
    var    warehouseData=$.parseJSON(warehouseInfo.replace(/\n/g,""));

var defaultBi="";
    var defaultBd="";
     $("#breedSelector").singleSelector("品名", {
        "data" : breedData,
        "defaultValue" : defaultBi,
        "defaultText" : unescape(defaultBd)
    }, "biValue", "bdText",afterSelectBreed,inputEnter,"down1");
    var defaultMl = "";
    $("#materialSelector").singleSelector("材质", {
        "data" : materialData,
        "defaultValue" : defaultMl,
        "defaultText" : unescape(defaultMl)
    }, "mlValue", "mlText",afterSelectOthers,inputEnter,"down2");
    var defaultSp = "";
    $("#specSelector").singleSelector("规格", {
        "data" : specData,
        "defaultValue" : defaultSp,
        "defaultText" : unescape(defaultSp)
    }, "spValue", "spText",afterSelectOthers,inputEnter,"down2");
    var defaultBr = "";
    $("#brandSelector").singleSelector("钢厂", {
        "data" : brandData,
        "defaultValue" : defaultBr,
        "defaultText" : unescape(defaultBr)
    }, "brValue", "brText",afterSelectOthers,inputEnter,"down2");
    var defaultWh = "";
    $("#warehouseSelector").singleSelector("仓库", {
        "data" : warehouseData,
        "defaultValue" : unescape(defaultWh),
        "defaultText" : unescape(defaultWh)
    }, "whValue", "whText",afterSelectOthers,inputEnter,"down1");
    
    searchByParams();
});

function getQueryString(name)
{
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r!=null)return  unescape(r[2]); return null;
}

/**
 *  点击展示收起改变cookie
 */
function changeSwishCookie()
{
    var name ="supermarket_swish";
    var cookieValue = $.cookie(name);
    var value = "1";

if(cookieValue !="" && typeof(cookieValue)!="undefined")
    {
        var number = parseInt(cookieValue);
         value = number+1;
    }

$.cookie(name, value, {expires: 30, domain:'.banksteel.com', path: '/'});
}
    
/**
 * 加入购物车v6
 * @param resourceId
 * @param shopId
 * @param channelType
 * @param price
 * @param qty
 * @param averageQty
 */
function addCartv6(resourceId, shopId, channelType, price, qty, averageQty,items,currentObj)
{
    var userId = jQuery.cookie('_login_uid');
    $(".pop-addcart").css("display","none");
    if (!userId)
    {
        alert("请先登录!");
        var url = "http://$velocityTool.getSsoUrl()?mybackurl=http://$velocityTool.getChaoshiUrl()";  //  http://member.banksteel.com/indexcas.jsp?14426_0_1_2800_396
        location.href= url;
    }
    else
    {
        //抛物线效果将资源加入购物车
        goCart(currentObj);
        SetCookiev6('supermarket_cart_'+userId, resourceId, shopId, price, qty, averageQty, items, channelType,currentObj);
    }
}
</script>
</head>
<body class="page-chaoshi">
    <input type="hidden" value="" id="currPageNum">
    <input type="hidden" value="" id="totalPages">
    <input type="hidden" value="" id="totalRows">
    <input type="hidden" value="" id="searchParams">
    <input type="hidden"  value="$onsell" id="onSellValue" />
    <input type="hidden" id="pConditions" />
    <div class="fly_item" id="flyItem">
        <img width="50" height="50" src="//static.banksteel.com/v6/images/flyitem_pic.png">
    </div>
    #parse("/inc/v6/topbar.html")
    #parse("/inc/v6/header_chaoshi.html")
    #parse("/inc/v6/nav.html")
    <div class="wrap-bg">
        <!-- 11111-->
        <div class="header-cur" id="searchCondition">
            <div id="headerSwish" οnclick="changeSwishCookie();" class="header-cur-swish">
                <span class="tohide">收起</span><span class="toshow">展开</span>
            </div>
            <div class="header-cur-count">
                共找到<span id="resCount"></span>条资源
            </div>
            <div class="fl">
                钢材超市 <span id="leftspn" style="display:none" class="n-ico">></span>
            </div>
        </div>
        <div class="div-screen">
            <ul class="tab-bg-subject tab-slider cl">
                <li id="total" #if($!{pi}== "total")class="cur-all cur" #else class="" #end >
                    <a href="javascript:void(0)" οnclick="redirect('http://chaoshi.banksteel.com/')">全部</a>
                </li>
                <li id="jiancai" #if($!{pi}== "51")class="cur" #end>
                    <a href="javascript:void(0)" οnclick="redirect('http://chaoshi.banksteel.com/jiancai.htm')"><span class="s1"><span class="s2"></span>建筑钢材</span></a>
                </li>
                <li id="rejuan" #if($!{pi}== "52")class="cur" #end>
                    <a href="javascript:void(0)" οnclick="redirect('http://chaoshi.banksteel.com/rejuan.htm')"><span class="s1"><span class="s2"></span>热卷</span></a>
                </li>
                <li id="zhonghouban" #if($!{pi}== "53")class="cur" #end>
                    <a href="javascript:void(0)" οnclick="redirect('http://chaoshi.banksteel.com/zhonghouban.htm')"><span class="s1"><span class="s2"></span>中厚板</span></a>
                </li>
                <li id="lengjuan" #if($!{pi}== "54")class="cur" #end>
                    <a href="javascript:void(0)" οnclick="redirect('http://chaoshi.banksteel.com/lengzha.htm')"><span class="s1"><span class="s2"></span>冷轧涂镀</span></a>
                </li>
                <li id="xinggang" #if($!{pi}== "55")class="cur" #end>
                    <a href="javascript:void(0)" οnclick="redirect('http://chaoshi.banksteel.com/xinggang.htm')"><span class="s1"><span class="s2"></span>型钢</span></a>
                </li>
                <li id="guancia" #if($!{pi}== "56")class="cur" #end>
                    <a href="javascript:void(0)" οnclick="redirect('http://chaoshi.banksteel.com/guancai.htm')"><span class="s1"><span class="s2"></span>管材</span></a>
                </li>
                <li id="youtegang" #if($!{pi}== "57")class="cur" #end>
                    <a href="javascript:void(0)" οnclick="redirect('http://chaoshi.banksteel.com/youte.htm')"><span class="s1"><span class="s2"></span>优特钢</span></a>
                </li>
                <li id="daigang" #if($!{pi}== "58")class="cur" #end>
                    <a href="javascript:void(0)" οnclick="redirect('http://chaoshi.banksteel.com/daigang.htm')"><span class="s1"><span class="s2"></span>带钢</span></a>
                </li>
            </ul>
            <div class="tab-subject-line">
                <span class="line"></span><i></i>
            </div>
            <div class="screen-slide" style="display:none">
                #parse("/shop/market/v6/search/search.html")
            </div>
        </div>
        <!-- 11111-->
         <div class="search-box-recommend search-inp cl">
            <ul class="f-cb">
                <li class="f-fl" id="breedSelector"></li>
                <li class="f-fl" id="specSelector"></li>
                <li class="f-fl" id="materialSelector"></li>
                <li class="f-fl" id="brandSelector"></li>
                <li class="f-fl search-inp-ck" id="warehouseSelector"></li>
                <li class="f-fl">厚度<input type="text" class="inp2" οnkeydοwn="inputEnter();" id="ts1" name="ts1" value="" οnkeyup="if(!this.value.match(/^\d*?\.?\d*?$/))this.value='';else this.value=this.value;if(this.value.match(/^\d*?\.?\d*?$/))this.value=this.value;" autocomplete="off">-<input type="text" class="inp3" id="ts2" οnkeydοwn="inputEnter();" name="ts2" value="" οnkeyup="if(!this.value.match(/^\d*?\.?\d*?$/)) this.value='';else this.value=this.value;if(this.value.match(/^\d*?\.?\d*?$/)) this.value=this.value" autocomplete="off"></li>
                <li class="f-fl">宽度<input type="text" class="inp2"  οnkeydοwn="inputEnter();" id="wi1" name="wi1" value="" οnkeyup="if(!this.value.match(/^\d*?\.?\d*?$/))this.value='';else this.value=this.value;if(this.value.match(/^\d*?\.?\d*?$/)) this.value=this.value" autocomplete="off">-<input type="text" class="inp3" id="wi2" οnkeydοwn="inputEnter();" name="wi2" value="" οnkeyup="if(!this.value.match(/^\d*?\.?\d*?$/)) this.value='';else this.value=this.value;if(this.value.match(/^\d*?\.?\d*?$/)) this.value=this.value" autocomplete="off"></li>
                <li class="f-fl"><a class="a1" href="javascript:void(0)" οnclick="buttonSearch()">搜索</a></li>
            </ul>
        </div>
        <div class="search-box-recommend search-box-btn cl">
            <div class="fr-opentime">
                <div class="btn-leftarrow" οnclick="prePage()"></div>
                <div class="btn-middlearrow f-fl" id="middlearrow_btn"></div>
                <div class="btn-rightarrow" οnclick="nextPage()"></div>
            </div>

<div class="sortline">
                <ul>
                    <li οnclick="searchByParams()">默认</li>
                    <li id="sortPrice" class="default" οnclick="sortPrice()" class="default">价格</li>
                </ul>
            </div>
            <div class="search-line"></div>
            <div class="search-null"></div>
            <div class="price-box">
                <div>
                <input type="text" id="pr1" class="inputs" value="¥最低价" οnfοcus="script:if(this.value=='¥最低价'){this.value='';}" οnkeyup="if(!this.value.match(/^\d*?\.?\d*?$/))this.value='';else this.value=this.value;if(this.value.match(/^\d*?\.?\d*?$/))this.value=this.value;" οnblur="script:if(this.value==''){this.value='¥最低价';}">
                    <span class="price-line">-</span> <input type="text" value="¥最高价" id="pr2" class="inputs" οnblur="script:if(this.value==''){this.value='¥最高价';}"
                        οnkeyup="if(!this.value.match(/^\d*?\.?\d*?$/))this.value='';else this.value=this.value;if(this.value.match(/^\d*?\.?\d*?$/))this.value=this.value;"    οnfοcus="script:if(this.value=='¥最高价'){this.value='';}">
                </div>
                <div>
                    <button type="button" class="btn-clear" οnclick="clean()">清空</button>
                    <button type="button" class="btn-buy" οnclick="buttonSearch()">确定</button>
                </div>

</div>
            <div class="search-line"></div>
            <ul class="line">
                <li>
                    <div class="show-pop pop-cangku" id="" style="display: none;">
                        <ul class="col cl city" id="col-city">
                        <li><a id="0101" href="javascript:void(0)" οnclick="searchByCity(this);">上海</a></li>
                            <li><a id="0201" href="javascript:void(0)" οnclick="searchByCity(this);">南京</a></li>
                            <li><a id="0202" href="javascript:void(0)" οnclick="searchByCity(this);">苏州</a></li>
                            <li><a id="0204" href="javascript:void(0)" οnclick="searchByCity(this);">张家港</a></li>
                            <li><a id="0205" href="javascript:void(0)" οnclick="searchByCity(this);">无锡</a></li>
                            <li><a id="0206" href="javascript:void(0)" οnclick="searchByCity(this);">江阴</a></li>
                            <li><a id="0207" href="javascript:void(0)" οnclick="searchByCity(this);">宜兴</a></li>
                            <li><a id="0211" href="javascript:void(0)" οnclick="searchByCity(this);">扬州</a></li>
                            <li><a id="0214" href="javascript:void(0)" οnclick="searchByCity(this);">徐州</a></li>
                            <li><a id="0215" href="javascript:void(0)" οnclick="searchByCity(this);">连云港</a></li>
                            <li><a id="0301" href="javascript:void(0)" οnclick="searchByCity(this);">杭州</a></li>
                            <li><a id="0302" href="javascript:void(0)" οnclick="searchByCity(this);" >宁波</a></li>
                            <li><a id="0303" href="javascript:void(0)" οnclick="searchByCity(this);">温州</a></li>
                            <li><a id="0304" href="javascript:void(0)" οnclick="searchByCity(this);">嘉兴</a></li>
                            <li><a id="0307" href="javascript:void(0)" οnclick="searchByCity(this);">金华</a></li>
                            <li><a id="0401" href="javascript:void(0)" οnclick="searchByCity(this);">广州</a></li>
                            <li><a id="0402" href="javascript:void(0)" οnclick="searchByCity(this);">深圳</a></li>
                            <li><a id="0403" href="javascript:void(0)" οnclick="searchByCity(this);">佛山</a></li>
                            <li><a id="0404" href="javascript:void(0)" οnclick="searchByCity(this);">乐从</a></li>
                            <li><a id="0501" href="javascript:void(0)" οnclick="searchByCity(this);">西安</a></li>
                            <li><a id="0601" href="javascript:void(0)" οnclick="searchByCity(this);">天津</a></li>
                            <li><a id="0701" href="javascript:void(0)" οnclick="searchByCity(this);">唐山</a></li>
                            <li><a id="0703" href="javascript:void(0)" οnclick="searchByCity(this);">邯郸</a></li>
                            <li><a id="0902" href="javascript:void(0)" οnclick="searchByCity(this);">青岛</a></li>
                            <li><a id="1101" href="javascript:void(0)" οnclick="searchByCity(this);">郑州</a></li>
                            <li><a id="1204" href="javascript:void(0)" οnclick="searchByCity(this);">太原</a></li>
                            <li><a id="1301" href="javascript:void(0)" οnclick="searchByCity(this);" >武汉</a></li>
                            <li><a id="1502" href="javascript:void(0)" οnclick="searchByCity(this);" >合肥</a></li>
                            <li><a id="1902" href="javascript:void(0)" οnclick="searchByCity(this);">南昌</a></li>
                            <li><a id="2402" href="javascript:void(0)" οnclick="searchByCity(this);">成都</a></li>
                            <li><a id="2101" href="javascript:void(0)" οnclick="searchByCity(this);">重庆</a></li>
                            <li><a id="quanguo" href="javascript:void(0)" οnclick="searchByCity(this);">全国</a></li>
                        </ul>
                    </div> <span class="selects">交货地 :$!resTool.getCityName($!ci)</span>
                </li>
            </ul>
        </div>
        <div class="main">
            <div class="auto">
                <div class="pop-tradetime" style="display: none;">
                    <div class="pop-tradetime-arrow"></div>
                    <div class="pop-tradetime-col">
                        <div class="tcon">现在是非交易时间,无法下单</div>
                        <div class="t">交易时间:工作日8:30-17:00</div>
                    </div>
                </div>
                <div class="pop-problem" style="display: none; top: 68px;">
                    <div class="pop-tradetime-arrow"></div>
                    <div class="pop-tradetime-col">
                        <div class="tcon">您所购买的量已超出最大购买量</div>
                        <div class="pop-addcart-operate">
                            <input type="button" name="" class="btn-js" value="去结算"> <input type="button" name="" class="btn-gobuy" value="继续购物">
                        </div>
                    </div>
                </div>
            </div>
            #parse("/shop/market/v6/resList.html")
            #parse("/inc/v6/page.html")
        </div>
    </div>
#parse("/inc/v6/footer.html")
#parse("/inc/v6/float_cart.html")
</body>

</html>

singleton初始化插件

(function($) {
    $.fn.singleSelector = function(title, options, valueFieldId, textFieldId,
            afterSelect, inputEn,downCss) {
        $(document).on('click', function() {
            $("div[class='search-box-down"+ downCss + "']").css("display", "none");
        });
        $(this).empty();
        init(this, title, options, valueFieldId, textFieldId, afterSelect,
                inputEn,downCss);
    };
    function init(container, title, options, valueFieldId, textFieldId,
            afterSelect, inputEn,downCss) {

var inpuCss ="inp1";

if(downCss=="down2")
        {
          inpuCss ="inp4";
        }
        
        if (options != null) {
            this.data = options["data"];
            var defaultValue = "";
            var defaultText = "";
            if (options["defaultValue"] != null) {
                defaultValue = options["defaultValue"];
            }
            if (options["defaultText"] != null) {
                defaultText = options["defaultText"];
            } else {
                defaultText = defaultValue;
            }
            this.afterSelect = afterSelect;
            this.div = $("<div style='display: none;' class='search-box-down "+ downCss +"'></div>");
            this.valueField = $("<input type='hidden' id='" + valueFieldId
                    + "' name='" + valueFieldId + "' value='" + defaultValue
                    + "'/>");
            this.textField = $("<input type='text' id='" + textFieldId
                    + "' name='" + textFieldId + "' value='" + defaultText
                    + "' class='"+inpuCss + "'autocomplete='off'/>");
            this.textField.bind("click", {
                "div" : this.div
            }, function(event) {
                $("div[class='search-box-down"+ downCss +"']").css("display", "none");
                // 阻止事件冒泡
                event.stopPropagation();
                // 如果search-box-down 里面没有东西 则没有下来框
                if ($(event.data.div).find("a").length != 0) {
                    toggleDiv(event.data.div);
                }
            });
            if (this.data != null) {
                
                for (var i = 0; i < this.data.length; i++) {
                    if(i>5) { break; }
                    var option = this.data[i];
                    var value = "";
                    var text = "";
                    if (option["value"] != null) {
                        value = option["value"];
                    }
                    if (option["text"] != null) {
                        text = option["text"];
                    } else {
                        text = value;
                    }

var optionA = $("<a value='" + value + "' text='" + text
                            + "'>" + text + "</a>");
                    optionA.bind("click", {
                        "valueField" : this.valueField,
                        "textField" : this.textField,
                        "value" : value,
                        "text" : text,
                        "div" : this.div,
                        "afterSelect" : this.afterSelect
                    }, function(event) { // 阻止事件冒泡 event.stopPropagation();
                        selectItem(event["data"]["valueField"],
                                event["data"]["textField"],
                                event["data"]["value"], event["data"]["text"],
                                event["data"]["div"],
                                event["data"]["afterSelect"]);
                    });

this.div.append(optionA);
                }
            }

this.textField.bind("keyup", {
                "option" : this.data,
                "textField" : this.textField,
                "valueField" : this.valueField,
                "div" : this.div,
                "afterSelect" : this.afterSelect
            }, function(event) {
                filter(event.data.option, event.data.textField,
                        event.data.valueField, event.data.div,
                        event.data.afterSelect);
            });

this.textField.bind("keydown", {
                "option" : this.data,
                "textField" : this.textField,
                "valueField" : this.valueField,
                "div" : this.div,
                "afterSelect" : this.afterSelect,
                "inputEn" : inputEn
            }, function(event) {
    
                var clickEnter=event["data"]["inputEn"];

try {
                    if (clickEnter && typeof (clickEnter) == "function") {
                        
                        clickEnter(textField, valueField);
                    } else {
                    }
                } catch (e) {
                }
            });

this.div.mouseleave(function() {
                $("div[class='search-box-down"+ downCss +"']").css("display", "none");
            });
            $(container).append(title);
            $(container).append(this.textField);
            $(container).append(this.valueField);
            $(container).append(this.div);
        }
    }

function toggleDiv(div) {
        div.toggle();
    }

function selectItem(valueField, textField, value, text, div, afterSelect) {
        valueField.val(value);
        textField.val(text);
        div.hide();
        try {
            if (afterSelect && typeof (afterSelect) == "function") {
                afterSelect(value, text);
            } else {
            }
        } catch (e) {
        }

}

function filter(options, textField, valueField, div, afterSelect) {
        valueField.val("");
        div.empty();
        var text = textField.val();
        if (text != null) {
            text = text.toLowerCase();
        } else {
            text = "";
        }
        for (var i = 0; i < options.length; i++) {
            if(i>5) { break; }
            var option = options[i];
            for ( var key in option) {
                var content = option[key];
                if (content != null) {
                    content = content.toLowerCase();
                    if (content.indexOf(text) >= 0 || text == "") {

var optionA = $("<a value='" + option["value"]
                                + "' text='" + option["text"] + "'>"
                                + option["text"] + "</a>");
                        optionA.bind("click", {
                            "valueField" : valueField,
                            "textField" : textField,
                            "value" : option["value"],
                            "text" : option["text"],
                            "div" : div,
                            "afterSelect" : afterSelect
                        }, function(event) {
                            event.stopPropagation(); // 阻止事件冒泡
                            selectItem(event["data"]["valueField"],
                                    event["data"]["textField"],
                                    event["data"]["value"],
                                    event["data"]["text"],
                                    event["data"]["div"],
                                    event["data"]["afterSelect"]);
                        });
                        div.append(optionA);
                        if(i>5) { break; }
                        break;
                    }
                }
            }
        }
    }
})(jQuery);

输入框数据的初始化拼装相关推荐

  1. [Android]【安卓】Json数据的快速拼装和解析

    [Android][安卓]Json数据的快速拼装和解析 本篇博客已收录到我的安卓开发小结中--点击[安卓开发小结] 参考资料:介绍 Json 一.什么是Json数据 JSON(JavaScript O ...

  2. java拼装树_java 数据拼装成树结构

    项目数据需要在后台拼装成树结构,所以写了两种方案来实现: 方案一:数据类型List 1>.首先增加树结构数据基础父类BaseTreeVO,然后需要拼装树结构的VO类需要继承来基础父类. 2> ...

  3. 使用FluentMybatis实现mybatis动态sql拼装和fluent api语法

    开始第一个例子: Hello World 新建Java工程,设置maven依赖 新建maven工程,设置项目编译级别为Java8及以上,引入fluent mybatis依赖包. <depende ...

  4. soap响应报文拼装_SOAP学习,构建实际的报文格式

    因为需要做一个SOAP的接口对接,对方环境没有弄好不能抓包,也只会调用不懂格式构成,我们只想做个轻量级的接口,不需要支持SOAP的具体格式,只需要针对接口指定的具体参数名,解析字符串就可以了. 所以需 ...

  5. 拼装sql_SQL优化最干货总结(2020最新版)

    前言 BATJTMD等大厂的面试难度越来越高,但无论从大厂还是到小公司,一直未变的一个重点就是对SQL优化经验的考察.一提到数据库,先"说一说你对SQL优化的见解吧?". SQL优 ...

  6. 拼装sql_2020最新最全面的SQL优化干货总结

    作者:_陈哈哈原文:https://sohu.gg/FGG98i BATJTMD 等大厂的面试难度越来越高,但无论从大厂还是到小公司,一直不变的重点就是对 SQL 优化经验的考察.一提到数据库,面试官 ...

  7. 米兔机器人终于拼完了_米兔机器人上手组装如果你不会拼装或拆卸建议收藏

    首先映入眼帘的机器人的核心装置,一个主控,两个主机. 电机上一根Type-C线,是用来与主控相连接.主控上有很多功能,比如麦克风,电源开关,数据扩展口等等. 为机器人充电,A,B,C,D四个口都可以. ...

  8. 从mpeg ts文件中提取I帧(1):将ts包拼装为section或pes包

    写在前面的话:         不觉中已经在数码工作了十年有余,十年的青春.十年的汗水,如今即将离开,个中滋味难以言表! 以后可能不会在广电行业工作了,就用这个小程序,为自己十年的广电工作画上一个句号 ...

  9. 电机不动 米兔机器人_米兔机器人上手组装如果你不会拼装或拆卸建议收藏

    很多网友问犬君有没有买过米兔积木机器人,这个玩意儿好不好玩,组装难不难,拆卸怎么弄? 鉴于这么多问题,今天犬君给大家演示一下米兔机器人如何组装.WIFI连接.操控.以及拆卸工作. 第一,开箱 开箱这个 ...

最新文章

  1. Find The Bone
  2. 抖音xgorgon0408分析
  3. 466. 统计重复个数 golang[转]
  4. 我的C语言可变参数的实现
  5. 【剑指offer】面试题18:删除链表的节点(Java)
  6. 11个Javascript树形菜单
  7. 想当老板的人,三点特征很重要(转)
  8. python调用opencv代码_Python调用OpenCV实现图像平滑代码实例
  9. react优秀项目案例_2020中国5G+工业互联网大会:鄂州2项目现场签约,2项目入选十大优秀案例...
  10. opengl 保留上一帧_历史上第一部长片动画,还真有点重口
  11. mongodb 索引1
  12. Java设计模式总结
  13. Docker专题(六)-Docker镜像详解
  14. DOM案例练习-推荐几个DOM小案例练习有示例代码
  15. oracle的隔离级别
  16. vue中的观察者模式
  17. ip设置与防火墙外网映射
  18. Android项目实战--手机卫士
  19. Linux环境下MySql卸载
  20. 用 justify-content 属性设置子元素两端对齐

热门文章

  1. oracle关联表查询记录表最新一条记录
  2. buaacoding C.真心话大冒险
  3. 超详细的SpringBoot+Mybatis+Vue整合笔记
  4. PPT训练营-封面页
  5. 图像增强系列之图像自动去暗角算法。
  6. Windows循环渐进-Ping程序实现代码
  7. 微信公众号生成个性化菜单
  8. win8 网络 连接计算机名称,成熟的解决方案:Win8系统计算机的解决方案无法连接到WiFi无线网络...
  9. 最新最全移动端界面设计UI尺寸规范-2018年初版
  10. 浅析android手游lua脚本的加密与解密