javascript - 单击搜索栏转到链接

Question

我有一个搜索栏，可以建议数据库中的用户。目前，当单击用户名时，实际上什么也没有发生，用户名会转到搜索栏，但我如何做到这一点，以便单击用户名时，它会转到一个链接并在其后面添加用户名。

示例:www.test.com/user.php?u= ((用户名))

<script type="text/javascript">
$(document).ready(function(){
    $('.search-box input[type="text"]').on("keyup input", function(){
        /* Get input value on change */
        var inputVal = $(this).val();
        var resultDropdown = $(this).siblings(".result");
        if(inputVal.length){
            $.get("backend-search.php", {term: inputVal}).done(function(data){
                // Display the returned data in browser
                resultDropdown.html(data);
            });
        } else{
            resultDropdown.empty();
        }
    });

    // Set search input value on click of result item
    $(document).on("click", ".result p", function(){
        $(this).parents(".search-box").find('input[type="text"]').val($(this).text());
        $(this).parent(".result").empty();
    });
});
</script>

Answer 1

您可以通过更改 window.location.href 值导航到页面。所以，你可以这样做:

$(document).on("click", ".result p", function(){
    $(this).parents(".search-box").find('input[type="text"]').val($(this).text());
    $(this).parent(".result").empty();
    window.location.href = 'www.test.com/user.php?u=' + $(this).text();
});