針對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); 
     }