في الآونة الأخيرة ، يتضمن المشروع ميزة صغيرة. /Pinyin ، إدخال استفسارات قاعدة البيانات تلقائيًا ، وإرجاع النتيجة المقابلة لإنشاء طبيب البيانات. أكثر ملاءمة. الرمز الأمامي -هو كما يلي:
رمز HTML:
<! equiv = x-ua coliptible> <meta name = viewport content = width = width device ، scale scale = 1.0> <meta name = description content => <meta name = uptor content => <script src = ../ . vascript> </script> <script src = .././common/js/js/ajaxjson.js type = text/javaScript text/javaScript> </script> <script src = ../common/js/paging.js type = text/javaScript> </script> <script src = ../../warehousemanage/testyy .js type = text = text /javaScript> </script> </head> <body class =!-<! class = content> <div class = header> <h1 id = adu class = page-title> اختبار مربع المنسدلة </h1> </viv> <div class = container-fluid> <div classs = row-fluid> <!----------------------------- 多条件查询 ------------ ----- -------------------------------------> <div class = well id = searchDemo> <p> بيانات الاختبار (الافتراضي هو D00001): <br> شركة Kunshan Maillland Accessories Co. ، Ltd. p> </viv> المطابقة الديناميكية وفقًا لاسم المورد (يمكن أن يكون الصيني أو pinyin متاحًا): <قائمة إدخال = Bro Bro = name Oninput = this.value = this.value.replace (/^ +| +$/g ، '') ؛ ------------------------------- ------------------- تذييل -----------------------------> <tower class = foot> </tower> </html>
رمز JavaScript:
Var ListObj = Null ؛ I nput tag id * datalistid: id * itemName of datalist tags: القيمة الرئيسية المطلوبة في بيانات JSON التي تم إرجاعها في الخلفية (فقط اسم سمة الحقل الصيني في النموذج) * */ function search (inputid ، datalistid ، itemName ) {input) content = document .getElementById (inputId) ؛ childnodes ؛ inportcontent.value = null ؛ // data = type = searchwords¶m = +inputContent.value ؛ / ملاحظة: URL --------------------------------------------------- ------------------------------------------------- ----------------------------------- الحاجة إلى تخصيص SendRequest (Post ، url ، البيانات ، getResult) ؛} آخر if (/^[/u4e00-// u4e00-/u9fa5]*$/. test (inputContent.value)) {// 检测出是中文 data = type = searchchinesem =+inputcontent.value ؛ Post ، url ، getResult) ؛ يضمن فقط 10 إذا (jdata.length <= 10) {maxLength = jdata.length ؛} var sub = listobj.childnodes ؛ (i]) امسح قيمة مربع الإدخال في مربع الإدخال ؛ ^[A-ZA-Z]*$/. alue) {obj.value = indexobj ؛ما ورد أعلاه هو المطابقة الديناميكية لمستهلك HTML5 الجديد لتنفيذ مربع الإدخال وبيانات قاعدة بيانات الخلفية. في الوقت المناسب. شكرا جزيلا لدعمكم لموقع VEVB Wulin!