针对 jQuery ui 自动完成所选值的 URL答案

【问题标题】：Url against jQuery ui autocomplete selected value针对 jQuery ui 自动完成所选值的 URL
【发布时间】：2017-04-16 13:52:51
【问题描述】：

    $( 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。

【问题讨论】：

您是否尝试过使用window.location.href = <my url>？ URL 究竟是如何构建的？

标签： jquery-ui autocomplete

【解决方案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);
        }

【讨论】：