Recentemente, o projeto envolve um pequeno recurso. /Pinyin, insira automaticamente as consultas de BLUR do banco de dados e retorne o resultado correspondente para gerar o Datalist. mais conveniente. O código da frente é o seguinte:
Código HTML:
<! Equiv = x-ua-compatível> <meta name = viewport content = width = width, escala inicial = 1.0> <meta nome = descrição content => <meta nome = conteúdo do autor => <script src = ../ . Vascript> </script> <script src = .././Common/JS/JS/Ajaxjson.js Type = Text/Javascript> </script> <script src = ../common/js/setting.js type = Texto/javascript> </script> <script src = ../common/js/paging.js type = text/javascript> </script> <script src = ../../warehousemanage/testyy .js type = texto /Javascript> </Script> </Head> <body class => <!-<! [ENDIF]-> <DIV Class = Navbar> </DIV> <DIV Class = SIDEBAR-NAV > </div> <div class = content> <div class = cabeçalho> <h1 id = ADU class = Page-title> Teste de caixa suspensa </h1> </div> <div class = container-fluid> <div clasts = row-fluid> <!-- --------------------------多条件查询------------ ----- -------------------------------------> <div class = Well ID = SearchDemo> <p> Dados de teste (o padrão é D00001): <br> Kunshan continente Acessórios Co., Ltd. Ksdlpjyxgs <br> Yizhen Enterprise Co., Ltd. Yzqyyxgs <br> Taizhou Ansiang Skin (Factory) (Grupo) p> </div> correspondência dinâmica de acordo com o nome do fornecedor (chinês ou pinyin pode estar disponível): <lista de entrada = Bro id = nome onInput = this.value = this.value.replace (/^ +| +$/g/g , ''); Search ('Name', 'BRO', 'Name')> <DataList ID = BRO> </DataList> </DIV> </DIV> </Body> <!------ ----------------------------------- ----------------- Rodaper -----------------------------> <Footer class = Foot> </do Footer> </html>Código JavaScript:
Var listobj = null; I ID da tag nput * DatalistId: ID * ItemName of Datalist Tags: O valor da chave necessário nos dados JSON retornados em segundo plano (apenas o nome do atributo do campo chinês no formulário) * */ Função Pesquisa (InputId, DatalistId, ItemName Name ) {input) content = document .getElementById (inputId); ChildNodes; InputContent.Value = NULL; // 检测出是拼音首字母 Dados = Tipo = SearchWords¶m = +InputContent.Value; / Nota: URL ------------------------------------------------ -------------------------------------------------------- ----------------------------- getResult);} else if (/^[/u4e00-// u4e00-/u9fa5]*$/. Test (inputContent.value)) {// 检测出是中文 data = type = SearchChinese¶m =+inputContent.value ; POST, URL, Dados, GetResult); garante apenas 10 se (jdata.length <= 10) {maxlength = jdata.length;} var sub = listObj.childnodes; (sub [i]); Limpe o valor da caixa de entrada na caixa de entrada; ^[a-za-z]*$/. Alue)) {obj.value = indexobj [requestIm];} listobj.appendchild (obj);} var subfix = document.createElement (opção); Retorno falso;}O acima é a correspondência dinâmica do novo Datalista de Rótulo HTML5 para implementar a caixa de entrada e os dados do banco de dados em segundo plano. com o tempo. Muito obrigado pelo seu apoio ao site VevB Wulin!