名前ではなくIDを渡すjQueryオートコンプリートの操作方法は？

Question

私は<input />に必要なのでjQuery UIオートコンプリートを探していましたが、問題は完成したIDのIDを渡す必要があることです。私に説明してみましょう：

私は名前の配列を持っている：

$names = array(
    array('name' => 'John', id => '1'), 
    array('name' => 'Sarah', id => '2'), 
    array('name' => 'Josh', id => '3) 
); 

そして、私が提出したときにAJAXで、入力は、その配列の1名で自動補完されますが、私はIDが必要です名前ではありません。どうすれば管理できますか？事前

Answer 1

で

おかげJQuery UI Autocomplete制御は、表示/ Valueオブジェクトの集合として、検索結果のリストを受け入れることができます。あなたは次の形式でJSONオブジェクトを作成し、メモリから

、...

[ 
    {label:"Display Name for result 1", value:1}, 
    {label:"Display Name for result 2", value:2}, 
    {label:"Display Name for result 3", value:3} 
] 

labelプロパティは、表示するテキストが含まれており、値probertyは、IDが含まれています。これらの値は、ユーザーが検索結果を選択したときに検査できます。コントロールには、聞くことができるselectイベントがあります。

Answer 2

IDを隠しフィールドに保存する必要があります。

「選択」イベントでこれを達成できます。 http://jqueryui.com/demos/autocomplete/#event-select

この例では、selectイベントhttp://jqueryui.com/demos/autocomplete/#custom-data

を示しだから、アイデアは、このような何かを行うことです。

 select: function(event, ui) { 
      $("#project-id").val(ui.item.value); 
      return false; 
     }