jquery 实时搜索建议

lf3rwulv  于 2023-02-03  发布在  jQuery
关注(0)|答案(2)|浏览(141)

我用 AJAX 来创建一个连接到数据库的实时搜索(网站电子商务)。当有一个值在输入几个建议是在屏幕上获取。我想采取的id时,客户端点击一个建议。建议不能点击我不知道为什么!!这里是我的jquery代码:

$('.clicked').click(function() {
        console.log($("#input_value").val());
        
    });

    var x;
    var value = $("#input_value").val();
    $('.clicked').click(function() {
    $.ajax({
        type:'GET',
    //     // url: 'test.php?name=' + $("#testo").val(),
        data: { name : value },
        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
        success: function()
        {
            window.location.href = 'un_produit.php?id=' + $("#input_value").val();
        
        }
    });

我试着把这个类添加到一个div中,当我点击的时候它就能工作,但是它不能与实时搜索的建议一起工作。

j7dteeu8

j7dteeu81#

您可以使用JQUERY自动完成来代替AJAX请求。
这是一个简单的例子,说明它是如何工作的,您的URL源应该以以下格式返回数据:

[{"label": "item 1", "value": "0"}, {"label": "item 2", "value": "2"}, {"label": "item 3", "value": "3"}]

我使用此网址作为参考:https://www.codexworld.com/autocomplete-textbox-using-jquery-php-mysql/
x一个一个一个一个x一个一个二个x

oiopk7p5

oiopk7p52#

问题解决了,我不得不将class="clicked"添加到建议div的子元素中,而不是添加到div本身中。谢谢

相关问题