2016-11-22 15 views
0

私は以下のJsonデータを返す関数を持っています。ドロップダウンリストで値が選択されるたびに変更されます。JsonデータによるJqueryオートコンプリートの問題

[ 
    {"Code":"1","Name":"Name1","City":"City1"}, 
    {"Code":"2","Name":"Name2","City":"City2"}, 
    {"Code":"2","Name":"Name3","City":"City3"}, 
    {"Code":"3","Name":"Name4","City":"City4"} 
] 

これはJsonデータを取得するために使用されるJqueryです。

function GetDataByState() { 
     $.ajax({ 
      url: '@Url.Action("Action", "Controller")', 
      data: { ID: myValue }, 
      cache: false, 
      type: "GET", 
      dataType: "json", 
      success: function (data, textStatus, XMLHttpRequest) { 
       dataListByState = data; 
      } 
     }); 
    } 

これは私のオートコンプリートコードです。私の質問は、Jsonデータをどのように変換して動作させることができるかです。

 $('#SectionName').autocomplete({ 
      source: dataListByState 
      minLength: 3, 
      select: function (event, ui) { 
       $("#code").val(code value from dataListByState); 
       $("#city").val(city value from dataListByState); 
      } 
     }); 

ありがとうございます。

+0

、あなたは、単一のオートコンプリートで表示されるように**あなたがデータの** 3つの列をする方法を説明する必要があります。 –

+0

名前がオートコンプリートとして表示され、select関数でコードと都市の値が選択された名前と関連付けられていないようにしたい – user1286550

答えて

0

この回答を読んだ後、jquery-ui autocomplete, manipulate json & javascript to parse to hidden input fields?私はそれを理解することができました。私は、Jsonデータを返す関数でValue for Nameを変更する必要がありました。今私のJSONデータは次のようになります助けるために

[ 
{"Value":"Name1", "Code":"1","City":"City1"}, 
{"Value":"Name2", "Code":"2","City":"City2"}, 
{"Value":"Name3", "Code":"3","City":"City3"}, 
{"Value":"Name4", "Code":"4","City":"City4"} 
] 
関連する問題