如何在Jquery UI中自动完成文本框？ [英] How to do autocomplete textbox in Jquery UI ?

问题描述

大家好，我有一个文本框，我想自动填充它，但似乎不行。

  window  .onload =  function （）{
 load_text（）; 
} 
  function  load_text（）{
 $ .ajax（
 {
 type：  POST，
 url：  ../ BUS / WebService.asmx / LIST_DEPARTMENT，
 contentType：  application / json; charset = utf-8，
 dataType：  json，
成功： function （data）{
  / /   console.log（data）;  
  var  valuetextbox = []; 
  //   $（＃txt_textbox）。html（''）;  
 $ .each（$。parseJSON（data.d）， function （idx，obj）{
  //   $（＃txt_textbox）。append（obj） .DEPARTMENT_NAME）;  
  //   alert（obj.DEPARTMENT_NAME）;  
 valuetextbox.push（obj.DEPARTMENT_NAME）; 
}）; 
  //   alert（valuetextbox）;  
 $（' ＃txt_textbox'）。autocomplete（{
 source：valuetextbox 
}）; 
}，
错误： function （数据）{
 alert（  HTML错误加载）; 
} 
}）; 
} 
 

这是数据控制台

对象{d：[{DEPARTMENT_ID：D00000000001 ，DEPARTMENT_NAME......2015-05-05T00：00：00，EDIT_BY：，标记：false}]} 
d：[{DEPARTMENT_ID：D00000000001， DEPARTMENT_NAME ： HR， DEPARTMENT_DES： HR， EDIT_DATE： 2015-05-05T00：00：00， EDIT_BY： ， 标志：假}，{ DEPARTMENT_ID： D00000000002， DEPARTMENT_NAME： 帐号， DEPARTMENT_DES： 帐号， EDIT_DATE： 2015-05-05T00：00：00， EDIT_BY： ， FLAG：假}] 
 __proto__：对象

谢谢大家。

解决方案

.ajax（
{
类型： POST，
url： ../ BUS / WebService.asmx / LIST_DEPARTMENT，
contentType： application / json; charset = utf-8 ，
dataType： json，
成功：< span class =code-keyword> function （data）{
// console。 log（data）;
var valuetextbox = [];
//

（＃txt_textbox）。html（ ''）;

。每个（

Hello guys, I have a textbox, i want to autocomplete it , but seem it's not work.

window.onload = function () {
               load_text();
           }
           function load_text() {
               $.ajax(
               {
                   type: "POST",
                   url: "../BUS/WebService.asmx/LIST_DEPARTMENT",
                   contentType: "application/json; charset=utf-8",
                   dataType: "json",
                   success: function (data) {
                       //console.log(data);
                       var valuetextbox = [];
                       //$("#txt_textbox").html('');
                       $.each($.parseJSON(data.d), function (idx, obj) {
                           //$("#txt_textbox").append( obj.DEPARTMENT_NAME );
                           //alert(obj.DEPARTMENT_NAME);
                           valuetextbox.push(obj.DEPARTMENT_NAME);
                       });
                       //alert(valuetextbox);
                       $('#txt_textbox').autocomplete({
                           source: valuetextbox
                       });
                   },
                   error: function (data) {
                       alert("HTML Error Load");
                   }
               });
           }

This is data consolelog

Object {d: "[{"DEPARTMENT_ID":"D00000000001","DEPARTMENT_NAME"…"2015-05-05T00:00:00","EDIT_BY":"","FLAG":false}]"}
d: "[{"DEPARTMENT_ID":"D00000000001","DEPARTMENT_NAME":"HR","DEPARTMENT_DES":"HR","EDIT_DATE":"2015-05-05T00:00:00","EDIT_BY":"","FLAG":false},{"DEPARTMENT_ID":"D00000000002","DEPARTMENT_NAME":"ACCOUNT","DEPARTMENT_DES":"ACCOUNT","EDIT_DATE":"2015-05-05T00:00:00","EDIT_BY":"","FLAG":false}]"
__proto__: Object

Thank guys.

解决方案

.ajax( { type: "POST", url: "../BUS/WebService.asmx/LIST_DEPARTMENT", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { //console.log(data); var valuetextbox = []; //

("#txt_textbox").html('');

.each(

这篇关于如何在Jquery UI中自动完成文本框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！