jQueryによるUiオートコンプリートの選択値

Question

$(function() { 
     function log(message) { 
      $("<div>").text(message).prependTo("#log"); 
      $("#log").scrollTop(0); 
     } 
     $("#searchcomplete").autocomplete({ 
      source: "<?php echo base_url('home/search');?>", 
      minLength: 2, 
      select: function(event, ui) { 
       log("Selected: " + ui.item.value + " aka " + ui.item.id); 

      } 
     }); 
    }); 

このウィジェットでは、ユーザーが選択したIDに対してURLを設定する方法がわかりません。私がここで望むのは、ユーザーがドロップダウンから任意のオプションを選択してクリックすると、そのページはその選択されたIDに対してURLにリダイレクトされます。

Answer 1

フォームを使用して解決しました。

<form id="tpsearch" action="" method="post"> 
    <input type="text" id="searchcomplete"> 
    <button type="submit" class="icon-search"></button> 
</form> 

と選択機能は、オートコンプリートから次のようになります。

select: function(event, ui) { 
      log("Selected: " + ui.item.value + " aka " + ui.item.id); 
      $("#tpsearch").attr("action", "<?php echo base_url(); ?>/controller/action/" + ui.item.id); 
     }