Недавно проект включает в себя небольшую функцию. /Pinyin, автоматически введите запросы на размытие базы данных и возвращайте соответствующий результат, чтобы генерировать DataList. более удобно. Код спереди -энд следующим образом:
HTML -код:
<! Equiv = x-ua-compaitible> <meta name = viewport content = width = width устройства, начальная шкала = 1.0> <meta name = description content => <meta name = content => <script src = ..//// . ./Common/content/jquery-1.7.2.min.jstype=text/javascript> </script> <script src = ../../common/pages/include.js class = include = text/ja. Vascript> </script> <script src = .././common/js/js/ajaxjson.js type = text/javascript> </script> <script src = ../common/js/setting.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> раскрывающееся вдали в поле </h1> </div> <div class = container-fluid> <div class = row-fluid> <!--------------------------- 多条件查询 ------------- ----- -------------------------------------> <div class = wonl id = searchdemo> <p> Данные тестирования (по умолчанию D00001): <br> Kunshan Mainland Accessesies Co., Ltd. Ksdlpjyxgs <br> yazhen Enterprise Co., Ltd. Yzqyyxgs <br> Taizhou Thersing Foring Skin Facory (групповая фабрика) TZSCPC (JTC) </// p> </div> динамическое сопоставление в соответствии с именем поставщика (китайский или пининейн может быть доступен): <Входной список = Bro Id = имя OnInput = this.value = this.value.replace (/^ +| +$/g , ''); --------------------------------- --------------------- Нижний нижний колонтитул ---------------------------> <Cooler Class = Foot> </cooler> </html>
Код JavaScript:
Var ListObj = NULL; I nput Tag Id * datalistid: id * itemName тегов данных Datalist: значение ключа, необходимое в данных JSON, возвращаемое в фоновом режиме (только имя атрибута поля китайского в форме) * */ function seap (inputId, dataListid, itemName {input) content = document .getElementById (inputId); Childnodes; inputcontent.value = null; // 检测出是拼音首字母 data = type = searchwords¶ = +inputcontent.value; / Примечание: URL ---------------------------------------------------------- ------------------------------------------------------ --------------------------------------- Необходимо настроить SendRequest (post, url, data, getResult);} else if (/^[/u4e00-// u4e00-/u9fa5]*$/. test (inputcontent.value)) {// 检测出是中文 data = type = searchChinese¶m =+inputContent.value ; post, url, data, getResult); Гарантии только 10 if (jdata.length <= 10) {maxlength = jdata.length;} var sub = listobj.childnodes; (sub [i]); Очистить значение ввода в поле ввода; ^[a-za-z]*$/. Alue)) {obj.value = indexobj [requestItem];} listObj.appendChild (obj);} var subfix = document.createElement (опция); Вернуть ложь;}Выше представлено динамическое сопоставление новой даты HTML5, чтобы реализовать поле ввода и данные о фоновой базе. со временем. Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!