如何在jquery中制作链接，编码实时搜索结果 - How to make a link in jquery , codeigniter live search result?

How to make a link in jquery , codeigniter live search result?

我想做一个实时搜索，自动补全功能是成功的。但是我不知道如何给用户选择的文章做一个链接…

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

<?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>

"<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。