Dalam proyek aktual, kami dapat mengubah akuisisi data menjadi akuisisi dinamis AJAX, di getContent ()
<! Doctype> <html> <head> <title> js/jQuery menyadari serupa dengan fungsi pencarian Baidu </iteme> <meta name = "penulis" content = "michael"> <meta name = "kata kunci" content = "js/jQuery menyadari fungsi pencarian yang mirip dengan baidu"> <meta nama = "deskripsi" konten = "js/js/js/js/Js/Js/Js/fungsi Baidu Fungsi"> <meta name = "descriping" content = "js/js/js/js/Js/JS/JS/JS FUNGUSION" keyboard "> <meta http-equiv =" content-type "content =" text/html; {Posisi: Absolute; kiri: 50%; atas: 40%;}#konten {float: kiri; posisi: relatif; kanan: 50%;} input {border: 0; lebar: 288px; tinggi: 30px; font-ukuran: padding; padding: 0 5px; line-height: 30px;} item {Padding: 0 5px; line-height: 30px;} item {Padding; {latar belakang: #87a900;}. Pertama {border: solid #87a900 2px; lebar: 300px;} #append {border: solid #87a900 2px; border-top: 0; display: none;} </tyle> </head> <body> <div id = "container"> </content = "content =" content = "content =" content = "content" </head> <body> <Div ID = "container"> </content = "content =" content = "content =" content = "content =" CANTE = "</head> <body> <Div ID =" container "> </content =" content = "content" onkeyup = "getContent (ini);" /></div><div id="append"></div></div><script type="text/javascript">var data = ["Hello, I am Michael","Who are you","You are the best","You are the most precious","You are my best friend","You are my best friend","You are fool","You understand","You are fascinated by me","You are my mata "]; $ (dokumen) .ready (function () {$ (dokumen) .keyDown (function (e) {e = e || window.event; var keycode = e.shich? E. yang: e.keycode; if (keycode == 38) {if (jQuery.trim ($ ("#append "). (keycode == 40) {if (jQuery.trim ($ ("#append"). html ()) == "") {return;} $ ("#kw"). blur (); if ($ (". {$ (". Item"). RemoveClass ('addBg'). eq (0) .addclass ('addBg');}} lain jika (keycode == 13) {dojob ();}}); var movePrev = function () {$ ("#kw"). blur (); 0) {$ (". Item"). RemoveClass ('addBg'). Eq ($ (". Item"). Panjang - 1) .addclass ('addBg');} else {$ (". $ (". AddBg"). prevall (). length; if (index == $ (". item"). Panjang - 1) {$ (". 1) .addclass ('addbg');}} var dojob = function () {$ ("#kw"). Blur (); var value = $ (". Addbg"). Text (); $ ("#kw"). Val (nilai); $ ("#apend"). Hide (). HTML ("). jQuery.trim ($ (obj) .val ()); if (kw == "") {$ ("#append"). hide (). html (""); return false;} var html = ""; untuk (var i = 0; i <data.length; i ++) {ifl (i]. "<Div class = 'item' onMouseEnterer = 'getFocus (this)' onClick = 'getCon (this);'>" + data [i] + "</div>"}} if (html! = "") {$ ("#append"). Show (). html (html);} lainnya {$ ("#append"). hide (). html ("");}} function getFocus (obj) {$ (". $ (obj) .text (); $ ("#kw"). val (nilai); $ ("#append"). hide (). html ("");} </script> </body> </html>Di atas adalah prompt pencocokan fuzzy untuk kotak drop-down otomatis Baidu Imitation Baidu yang diperkenalkan oleh editor. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan. Editor akan membalas semua orang tepat waktu!