Baru -baru ini, proyek ini melibatkan fitur kecil. /pinyin, secara otomatis masukkan pertanyaan BLUR database, dan kembalikan hasil yang sesuai untuk menghasilkan distalist. lebih nyaman. Kode depan -end adalah sebagai berikut:
Kode HTML:
<! Equiv = x-ua-compatible> <meta name = viewport content = width = device-width, skala awal = 1.0> <meta name = description content => <meta name = content penulis => <skrip src = ../ ./Common/content/jquery-1.7.2.min.jstype=text/javascript> </script> <skrip src = ../../common/pages/include.js class = include = text/ja. Vascript> </script> <skrip src = .././common/js/js/ajaxjson.js type = text/javascript> </ptript> <skrip src = ../common/js/setting.js type = Teks/JavaScript> </script> <skrip src = ../common/js/paging.js type = text/javascript> </script> <skrip src = ../../warehousemanage/testyy .js type = teks /JavaScript> </script> </head> <body class => <!-<! class = content> <div class = header> <h1 id = adu class = page-title> test test-down box </h1> </div> <div class = container-fluid> <v class = row-fluid> <!--------------------------- 多条件查询 ------------ ----- ------------------------------------- <Div Class = Well ID = SearchDemo> <p> Data Uji (standarnya adalah D00001): <br> Kunshan Mainland Accessories Co., Ltd KSDLPJYXGS <br> Yizhen Enterprise Co., Ltd Yzqyyxgs <br> Taizhou ansiang Bearing Skin Factory (Factory Group) Tzsatzpc (Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Factory Tzsatzpc (Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Jt/ Taizhou) p> </div> pencocokan dinamis sesuai dengan nama pemasok (Cina atau pinyin dapat tersedia): <daftar input = bro id = name onInput = this.value = this.value.replace (/^ +| +$/g , ''); Pencarian ('nama', 'bro', 'name')> <datalist id = bro> </datalist> </div> </div> </body> <! ------ --------------------------------- ----------------- Footer ---------------------------> <class footer = foot> </footer> </html>Kode JavaScript:
Var listObj = null; // objek datalist var requestem = null; I NPUT TAG ID * DATALISTID: ID * ItemName dari tag datalist: Nilai kunci yang diperlukan dalam data JSON yang dikembalikan di latar belakang (hanya nama atribut bidang Cina dalam formulir) */ pencarian fungsi (inputid, datalistid, itemName ) {input) content = Document .getElementById (inputId); Childnodes; if (sub.length> 0) {for (var i = Sub.length-1; i> = 0; i-) {datalist.removechild (sub [i]);} listObj = null; InputContent.Value = NULL; // 检测出是拼音首字母 Data = Type = SearchWords¶m = +InputContent.Value; / Catatan: URL ---------------------------------------------- -------------------------------------------------- --------------------------------------- Perlu Menyesuaikan SendRequest (Posting, URL, Data, getResult);} lain jika (/^[/u4e00-// u4e00-/u9fa5]*$/. ; Posting, data, getResult); hanya menjamin 10 if (jdata.length <= 10) {maxlength = jdata.length;} var sub = listobj.childnodes; (sub [i]); Hapus nilai kotak input di kotak input; ^[a-za-z]*$/. Alue) {obj.value = indexobj [RequestInt];} listobj.appendChild (obj);} var subfix = document.createElement (opsi); ;Di atas adalah pencocokan dinamis dari Distalist baru HTML5 untuk mengimplementasikan kotak input dan data basis data latar belakang. Saya harap ini akan membantu semua orang. pada waktunya. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!