Vor kurzem beinhaltet das Projekt eine kleine Funktion. /Pinyin, geben Sie automatisch die Datenbank -Unschärfe -Anfragen ein und geben Sie das entsprechende Ergebnis zurück, um den Datalisten zu generieren. bequemer. Der Front -End -Code lautet wie folgt:
HTML -Code:
<! Äquiv = x-ua-kompatible> <meta name = viewPort content = width = Gerätebidth, initial-scale = 1.0> <meta name = Beschreibung Inhalt => <meta name = author content => <script src = ../ . Vascript> </script> <script src = .././common/js/js/ajaxjson.js type = text/javascript> </script> <script src = ../common/js/etting.js type = Text/javaScript> </script> <script src = ../common/js/paging.js type = text/javascript> </script> <script src = ../../warehousemanage/testyy .js type = text /JavaScript> </script> </head> <body class => <!-<! class = content> <div class = header> <h1 id = adu class = page-title> Dropdown-Box-Test </h1> </div> <div class = container-fluid> <div classs = rowfluid> <!--------------------------- 多条件查询 ------------ ------------------------------------------ ------ --------------------------------------> <div class = well id = searchDemo> <p> Testdaten (der Standard ist d00001): <br> Kunshan Festland Accessoires Co., Ltd. Ksdlpjyxgs <br> Yizhen Enterprise Co., Ltd. p> </div> Dynamisches Matching gemäß dem Lieferantennamen (Chinesisch oder Pinyin kann verfügbar sein): <Eingabeliste = bro id = name oninput = this.value = this.value.replace (/^ +| +$/g , ''); ---------------------------------- ----------------- Fußzeile ---------------------------> <Fußzeile Class = Foot> </footer> </html>
JavaScript -Code:
Var listObj = null; I nput Tag id * datalistId: id * itemname der Datalisten -Tags: Der im Hintergrund zurückgegebene Schlüsselwert in den JSON -Daten (nur der Attributname des chinesischen Felds im Formular) * */ Funktionsuche (inputId, Datalistid, itemname ) {input) content = document .getElementById (inputID); Childnodes; InputContent.Value = NULL; // 检测出是拼音首字母 data = type = suchwords ¶m = +inputContent.value; / Hinweis: URL ---------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------- Muss SendRequest (Post, URL, Daten, getResult);} else if (/^[/u4e00-// u4e00-/u9fa5]*$/. test (inputcontent.Value)) {// 检测出是中文 data = type = searchChinecth =+InputContent.Value ; // 注意 Daten ----------- Post, Daten, GetResult); garantiert nur 10 if (jdata.length <= 10) {maxLength = jdata.length;} var sub = listObj.childnodes; (sub [i]); Löschen Sie den Wert des Eingangsfelds im Eingangsfeld; ^[a-za-z]*$/. Alue) {obj.Value = indexObj [RequestItem]; ;Das obige ist die dynamische Übereinstimmung des neuen HTML5 -Label -Datalisten, um das Eingabefeld und die Hintergrunddatenbankdaten zu implementieren. rechtzeitig. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!