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 に答える