2012-01-15 58 views
1

我在表單中使用自動完成jQuery插件。在這個當我搜索名稱時,自動完成顯示名稱列表以選擇名稱列出它在輸入字段中顯示名稱。我想在選擇名稱時選擇它,以顯示輸入字段中的名稱標識。請讓我知道我該如何做或任何jQuery插件?Jquery自動完成選擇名稱和顯示ID

感謝

回答

4

這是jQuery代碼:

$("#txt1").autocomplete({ 
    source: function (request, response){ 
     $.ajax({ 
      type: "POST",       
      url: "YourAddress",   
      contentType: "application/json; charset=utf-8", 
      dataType: "json",              
      success: function (data) { 
      response($.map(data.d, function (item) { 
       return { 
        id: item.Value, 
        value: item.Text 
       } 
      })) 
     } 
     }); 
    }, 
    select: function (event, ui) { 
     $("#hdnId").val(ui.item.id);//Put Id in a hidden field 
    } 
}); 

打電話給你的AJAX請求並返回JSON數據是這樣的:

[{"Value":val1,"Text":"text1"}, 
{"Value":val2,"Text":"text2"}] 

我測試it.It的偉大工程的人

祝你好運.Forplei

+0

什麼是「data.d」 – 2015-11-09 12:37:00

+0

如果你是你的Asp.Net WebForm,你的方法的結果(或更好的詞:WebMethod)將在data.d中。當你使用asp.net MVC時它沒有任何意義。 – 2015-11-09 13:05:38

+0

謝謝,它的作品。 但這個方法沒有提到jQuery API文檔。 – 2016-06-23 14:20:44