搜索框

      

<%--搜索框wzj--%>

  <div class="row">
    <br>
    <div class="col-lg-6">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="输入产品类别名称..." id="product-content"
               οnkeydοwn="onKeyDown(event,this)" />
        <span class="input-group-btn">
            <button class="btn btn-default" type="button" id="product-content-button"  οnclick="loadSearch(this)">
              Go!
            </button>
        </span>
      </div><!-- /input-group -->
    </div><!-- /.col-lg-6 -->
  </div><!-- /.row -->

<%--搜索框end--%>

var loadSearch=function(ele){

            var content = $('#product-content').val();
//            $(ele).parent("li").parent().children("li").removeAttr("class")
//            $(ele).parent("li").attr("class","active")
            $(".main").load("${pageContext.request.contextPath}/showroom/search/index",{"content":content})
        }


        <%--document.onkeydown = function(e) {--%>
            <%--if (!e) {--%>
                <%--e = window.event;--%>
            <%--}--%>
            <%--if ((e.keyCode || e.which) == 13) {--%>
                <%--var content = $('#product-content').val();--%>
                <%--$(".main").load("${pageContext.request.contextPath}/showroom/search/index",{"content":content});--%>
            <%--}--%>
        <%--};--%>




//        function onKeyDown(event,ele){
//            var e = event || window.event || arguments.callee.caller.arguments[0];
//            if(e && e.keyCode==27){ // 按 Esc
//                // 要做的事情
//            }
//            if(e && e.keyCode==113){ // 按 F2
//                //要做的事情
//            }
//            if(e && e.keyCode==13){ // enter 键
//                loadSearch(ele);
//            }
//
//        }




            $('#product-content').bind('keypress',function (event) {
                if(event.keyCode == "13")
                {
                    loadSearch(this);
                }
            })