при поиске предлагаем кликнуть по контенту перейти в текстовую область в codeigniter

Question

Когда я набираю какое-либо ключевое слово в input, появляется опция поиска, но когда я нажимаю на предложенное ключевое слово, оно не переходит на адрес этого результата поиска.Как сделать так, чтобы результаты поиска содержали ссылки на результаты?Рабочий образец находится на веб-сайте http://max2colors.com/ с опцией поиска.

<script type="text/javascript">

function ajaxSearch()
{   
    var input_data = $('#query').val();

    if (input_data.length === 0)
    {
        $('#suggestions').hide();
    }
    else
    {

        var post_data = {
            'query': input_data,
            '<?php echo $this->security->get_csrf_token_name(); ?>': '<?php echo $this->security->get_csrf_hash(); ?>'
            };

        $.ajax({
            type: "POST",
            url: "<?php echo base_url(); ?>user/autocomplete",
            data: post_data,
            success: function (data) {
                // return success
                if (data.length > 0) {
                    $('#suggestions').show();
                    $('#autoSuggestionsList').addClass('auto_list');
                    $('#autoSuggestionsList').html(data);
                }
            }
         });

     }
 }
</script>

Answer 1

Если вы хотите установить входное значение на основе выбранного элемента предложения, попробуйте использовать код jquery, как показано ниже:

<script type="text/javascript">

$('#autoSuggestionsList li').click(function (e) { // suggestion item click event
    $('#query').val($(this).text()).focus(); // get the suggestion value & apply the value to the input
    $('#suggestions').hide(); // close the suggestion list
});

function ajaxSearch()
{   
    var input_data = $('#query').val();

    if (input_data.length === 0)
    {
        $('#suggestions').hide();
    }
    else
    {

        var post_data = {
            'query': input_data,
            '<?php echo $this->security->get_csrf_token_name(); ?>': '<?php echo $this->security->get_csrf_hash(); ?>'
            };

        $.ajax({
            type: "POST",
            url: "<?php echo base_url(); ?>user/autocomplete",
            data: post_data,
            success: function (data) {
                // return success
                if (data.length > 0) {
                    $('#suggestions').show();
                    $('#autoSuggestionsList').addClass('auto_list');
                    $('#autoSuggestionsList').html(data);
                }
            }
        });

    }
}
</script>