2012-01-15 12 views
1

私のフォームにオートコンプリートjqueryプラグインを使用しています。これで名前を検索すると、オートコンプリートで名前のリストを表示し、選択すると、入力フィールドに名前が表示されます。私は入力フィールドに名前のIDを表示する名前を選択するとonselectionが必要です。私に教えてください。どうやってそれを行うことができますか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は偉大な男

に動作しますテスト

幸運にも

+0

"data.d"とは何ですか –

+0

あなたの場合、Asp.Net WebForm、あなたの方法の結果(またはより良い言葉:WebMethod)はdata.dになります。それはasp.net MVCを使用しているとき意味がありません。 –

+0

ありがとう、それは動作します。 しかし、このメソッドはjQuery API docについては言及していませんでした。 –

関連する問題