Question

下面是索引文件的代码

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

继承我的search.js文件，这是我需要帮助的地方。我需要帮助确定哪些值进入''标记。我曾尝试在每个组合中加入'search_results'和'search'，但它不会起作用。我是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('');

    });
});
     });

Answer 1

这取决于你的结果如何。如果您的结果包含以下内容：

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

Javascript：如何在单击时将autosuggest的结果移动到输入字段中

1 个答案: