Jquery：如何将搜索结果分配给输入？答案

【问题标题】：Jquery : How to assign the search result to an input?Jquery：如何将搜索结果分配给输入？
【发布时间】：2014-12-25 20:13:44
【问题描述】：

当我单击其中一个结果时，我想将我的搜索结果分配给我的输入值（自动完成）。我该怎么做？我的工作代码如下。

HTML (index.php)

<span id="box">       
<label for="search_box">Type the writer's name</label>  
<input type="text" name="book_writer_name" id="book-writer-name">                   
</span>                    
<div id="search_result"></div>
<script src="/jquery/jquery-2.1.1.js"></script>
<script src="/jquery/jquery-ui-1.9.2.custom.js"></script>
<script src="edit.js" type="text/javascript"></script>

jQuery (edit.js)

$(document).ready(function () {
    var left = $('#box').position().left;
    var top = $('#box').position().top;
    var width = $('#box').width();

    $('#search_result').css('left', left).css('top', top + 32).css('width', width);

    $('#book-writer-name').keyup(function() {
       var value = $(this).val();
        if(value != '') {
            $.post('search.php', {value:value}, function(data) {
                $('#search_result').html(data);
            });
        }
    });
});

PHP (search.php)

require('../../../cn/connect.php');
$value = htmlspecialchars($_POST['value']);
$value = mysqli_real_escape_string($sqli, $value);
$query = mysqli_query($sqli, "SELECT writer_name from writer where writer_name like '$value%' LIMIT 20");
while ($run = mysqli_fetch_array($query)) {
    $writer_name = $run['writer_name'];
    echo '<a href=#>'.$writer_name.'</a><br>';
}

【问题讨论】：

您要创建自动完成功能吗？ :-) 也许你想试试api.jqueryui.com/autocomplete 在这里查看演示示例jqueryui.com/autocomplete
我忘记在我的示例代码中添加 jquery 文件，那么你怎么知道我在做什么呢？我的错。我希望现在变得更清楚了。上面的代码有效，但是当我单击其中一个结果时，我无法让我的脚本自动完成我的搜索框。

标签： php jquery mysqli autocomplete

【解决方案1】：

将此添加到文档准备部分：

$('#search_result').on('click', 'a', function(){
     $('#book-writer-name').val($(this).text());
});

如果我理解得很好，您是在单击结果中的链接后尝试为输入字段添加值。

【讨论】：

谢谢，它成功了。我想我还有很长的路要走。 :)