0

这是索引文件的代码

    <!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('');

    });
});
     });
4

1 回答 1

0

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

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

于 2012-08-12T06:05:29.507 回答