js實現聯想搜尋__JavaScript

來源:互聯網
上載者:User

功能:根據關鍵字聯想搜尋出結果後,根據關鍵字的變化,即時出現結果,類似於百度搜尋的功能

1、delegate的用法,專門用在子項目上綁定的事件 delegate("p", "click", function() {    }

2  、key up key down 事件 可以用 

$(".input").on('input', function(e) {}



$("#searchres").delegate("p", "click", function() {$("#searchText").val($(this).text());});$("#searchText").keyup(function(e) {var key = e.keyCode;if ((key >= 48 & key <= 57) || key == 8) {var val = $.trim($(this).val());if ("" == val) {alert("輸入內容不可為空")} else {$.ajax({type : "POST",url : "GoodsServlet",data : {"type" : "key","value" : val},success : function(msg) {if ("無結果" == msg) {$("#searchres").html("<p>" + msg + "</p>");} else {var obj = eval("(" + msg + ")");var str = "";for (var i = 0; i < obj.length; i++) {str = str + "<p>" + obj[i].gid + "</p>";    }$("#searchres").html(str);}}});}}});


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.