Question

我想进行实时搜索，自动完成功能是成功的。但我不知道如何链接到用户选择的文章..

所以当用户点击其中一个结果时，它将转到：

<?php echo site_url('tampilan/tampilan_artikel?id='. $row['id']) ?>

但不知怎的，我不知道如何在我的代码中放置此链接。

这是我的观看代码：

<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <title>Codeigniter Autocomplete</title>
        <link rel="stylesheet" href="<?php echo base_url();?>/jquery-ui/jquery-ui.css" type="text/css" media="all" />
        <link rel="stylesheet" href="<?php echo base_url();?>/jquery-ui/ui.theme.css" type="text/   css" media="all" />
        <script src="<?php echo base_url();?>/jquery-ui/jquery.min.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
        <meta charset="UTF-8">


        <script type="text/javascript">
        $(this).ready( function() {
            $("#search").autocomplete({
                minLength: 1,
                source: 
                function(req, add){
                    $.ajax({
                        url: "<?php echo base_url(); ?>index.php/welcome/lookup",
                        dataType: 'json',
                        type: 'POST',
                        data: req,
                        success:    
                        function(data){
                            if(data.response =="true"){
                                add(data.message);
                            }
                        },
                    });
                },
            select: 
                function(event, ui) {
                    $("#result").append(

                    "<li>" + ui.message.judul.value +"</li>" 
                    );                  
                },      
            });
        });
        </script>

    </head>
    <body>
        <div class="row">
            <div class="span12 offset2">
                <form method="POST" action="<?php echo site_url('welcome/pencarian') ?>" class="form-inline" >
                    <input name="judul" class="span5" type="text"  placeholder="Masukkan kata kunci pencarian" id="search">
                     <label for="mySubmit" class="btn  btn-primary"><i class="icon-search icon-white"></i></label> 
                     <input id="mySubmit" type="submit" value="Go" class="hidden" />
                </form>
             </div>
        </div>
        <ul>
            <div id="result"></div>
        </ul>
    </body>
</html>

Answer 1

"<li>" + ui.message.judul.value +"</li>"

将其修改为

var href = '<?php echo base_url(); ?>/tampilan/tampilan_artikel?id='+ui.message.judul.id;
    "<li><a href='"+href+"'>" + ui.message.judul.value+"</a></li>"

我认为你要在json中返回文章ID。

如何在jquery，codeigniter实时搜索结果中建立链接？

1 个答案: