Jqueryオートコンプリートの値を取得

Question

自動完了は正常に動作しています。私はこの方法で 私のコードを完全自動の値を保存するための隠された値を入れる：

$("#cityOp").autocomplete({ 
     source : function(request, response) {  

     var city_value = jQuery("#cityOp").val(); 


     $.ajax({ 
      url: "city.html", 

      dataType: "json", 
      data : { 
       filter : city_value 
      },   


      success : function(data) { 

       response(jQuery.map(data.cities,function(item) { 
            return { 
             value : item.locationName, 
             key : item.locationId 

            }; 
           })); 
       }, 
select : function(event, ui) { 

     $("#theHidden").val(ui.item.key) ; 
    } 

    }); 

その後、私は場所の値を保存するために、この場所IDを取得したいので、私は のように試してみました：

save(){ 
var locationValue=$("#theHidden").val(); 
//other saving codes 
} 

しかし、私はここでlocationValueは未定義です。

この隠し値を保存関数でどのように取得できますか？ オートコンプリート機能は、準備完了と保存機能に関するドキュメントにあります。

Answer 1

これは選択機能の発火であるJS

var locationValue; 

function setLocationValue(value){ 
    locationValue=value; 
} 

Answer 2

$ ajaxメソッドの応答では、データを2つのプロパティvalueとkeyだけでJSONオブジェクトにマッピングしています。

次に、selectでは、もう存在しないプロパティを使用しています。

これらの元の値を残しておきたい場合は、それらの値もマップする必要があります。代わりに、次のようにIDを隠しフィールドに保存することもできます。

$("#theHidden").val(ui.item.key); 

これはうまくいかない場合は教えてください。