0

入力フォームに書かれた文字列に基づくライブ検索を実装しました。結果は次のように正しく表示されます。

<input type="text" class="form-control" name="search_client" id="search_client" required autocomplete="off">
<ul id="results_client" class="liveresults">
    <li class="liveresult">
        <h5 class="result_name" data-value="Joo Fogn"><i class="fa fa-user fa-fw"></i> Joo Fogn</h5>
    </li>
    <li class="liveresult">
        <h5 class="result_name" data-value="Peter Nash"><i class="fa fa-user fa-fw"></i> Peter Nash</h5>
    </li>
</ul>

ただし、ユーザーが可能な結果の1つをクリックすると、表示された結果で入力をオートコンプリートしたいと思います。

それを行うには、次のように、結果のクリックをインターセプトし、結果の値を入力に渡します。

$(".result_name").click(function(){     
    $("#search_client").val($(".result_name").data("value"));
});

しかし、結果をクリックしても何も起こりません。どうすれば修正できますか？

4

2 に答える 2

0

この例を参照してください: http://jsfiddle.net/kevalbhatt18/g393kqgd/1/

$(".result_name").click(function(){   
    $("#search_client").val($(this).data("value"));
});

于 2015-06-15T09:52:14.980 に答える