Javascript:如何使自动建议的结果在单击时移动到输入字段中

Javascript: how do I make the results from an autosuggest move into the input field when clicked

本文关键字：移动 单击 输入 字段 结果 何使自 Javascript      更新时间：2023-09-26

这里是索引文件的代码 

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title> tutorial</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
    <body>
    Search: <input id="search" type="text"/>
    <div id="search_results">
    </div>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/search.js"></script>
    </body>
    </html>

这是我的搜索.js文件这是我需要帮助的地方。我需要帮助弄清楚"标记中有哪些值。我尝试在每个组合中输入"search_results"和"搜索"，但它不起作用。我是jquery的新手，所以任何帮助将不胜感激。谢谢！

    $('#search').keyup(function() {
var search_term = $(this).val();
$.post('php/search.php', { search_term: search_term }, function(data) {
    $('#search_results').html(data);
    $('').click(function(){
    var result_value = $(this).text();
    $('').val('', result_value);
    $('').html('');
    });
});
     });

这取决于您的结果是什么样子的。如果结果包含以下内容：

    <div id="search_results">
        <ul>
            <li>Option 1</li>        
            <li>Option 2</li>        
            <li>Option 3</li>        
            <li>Option 4</li>        
            <li>Option 5</li>        
            <li>Option 6</li>        
        </ul>
    </div>​

然后你点击处理程序将更改为这样： 

    $('#search_results > ul > li').each(function () {
        $(this).click(function () {
            $('#search').val($(this).html());
        });            
    });

演示：http://jsfiddle.net/Srj5Z/

相关文章：