jQueryのオートコンプリートを選択：関数は、これは非常にシンプルだが、まだ私はそれを動作させるように見えることはできません

Question

が動作していない：

var options, a; 
jQuery(function(){ 
    options = { 
    serviceUrl:'ajax/parts_by_partno.php', 
    select: function(event, ui) { 
    $("#hiddenId").val(ui.item.id); 
    } 
    }; 
    a = $('#fieldWithData').autocomplete(options); 
}); 

項目がオートコンプリートリストから選択されたら、私は#hiddenIdはそのを変更したいです選択した項目のIDに値：

$("#hiddenId").val(ui.item.id); 

私もちょうどこのような静的なものに#hiddenIdを変更しようとしました：

$("#hiddenId").val('test'); 

何も変更されていません。私は間違って何をしていますか？

Answer 1

は、それがここ

$('#selector').autocomplete({ 
    source: url, 
    select: function (event, ui) { 
     $("#txtAllowSearch").val(ui.item.label); // display the selected text 
     $("#txtAllowSearchID").val(ui.item.value); // save selected id to hidden input 
    } 
}); 

$('#button').click(function() { 
    alert($("#txtAllowSearchID").val(); // get the id from the hidden input 
}); 

Answer 2

は基本的に、あなたがたときに選択値コールバックを追加する必要がオートコンプリートモジュール

を使用する方法についてfull blog entryでのuを助けるこのcode..hopeの表情を持っています

select: function(e, ui) { 

     //create formatted friend 
     var friend = ui.item.value, 
      span = $("<span>").text(friend), 
      a = $("<a>").addClass("remove").attr({ 
       href: "javascript:", 
       title: "Remove " + friend 
      }).text("x").appendTo(span); 

      //add friend to friend div 
      span.insertBefore("#to"); 
     }, 

     //define select handler 
     change: function() { 

      //prevent 'to' field being updated and correct position 
      $("#to").val("").css("top", 2); 
     } 
    });