Question

大家好，所以我刚开始学习php，并且能够弄清楚如何从我的数据库中获取搜索功能以获取信息。到目前为止唯一不起作用的是，当我获得该信息时，用户点击添加它似乎不起作用。所以我想要发生的就像购物清单。用户搜索我的数据库并找到他想要的东西。然后单击添加。在搜索框下方，将出现带有该单词的花药框。所以他知道它已被添加。然后，我可以添加一个十字架，他们可以点击它，如果他们想要摆脱该项目。不过我已经尝试过解决这个问题，但似乎无法到达任何地方。让这个问题起作用的任何帮助都会很棒。

到目前为止

代码：

   <input type="text" name='search_term' id="search_term" class="searchFunction">
    <input type="submit" value="Add">
    <div class="dropdown">
        <ul class="result"></ul>
    </div>

我已经尝试过屏幕上的点击功能，但我只是点击了一个死的帖子这样做，所以任何帮助都会很棒。有些东西让我开始，所以我可以开始玩代码，看看我能做些什么等。

基本上是的，一旦用户点击返回结果中的添加，下面我想要一个显示该名称的框，例如：Example你看到当你在那里搜索一个成分然后然后点击添加，它出现在它下面？这就是我想要的

P.S我知道sql注入:)但现在一步一步x

Answer 1

首先我们需要将输入类型更改为button，这样您就不会提交任何内容而页面也不会刷新。你还需要为它添加一个id。例如addButton。我们需要一个div来放置我们选择的东西

<div id="selectedStuff"></div>

一个问题是ul的听众。我认为它不会起作用，因为你在听众之后添加了建议。您需要销毁侦听器并在加载ajax函数后再次添加它，以便影响结果。

$.post( document.location.href, { search_term:search_term }, function( data ) {
    $('.result').html( data );    
    $('.result').off('click').on('click', 'li', function( event ) {
        var result_value = $(this).text();
        $('#search_term').val(result_value);
        $('.result').html('');
    });
});

现在让我们添加按钮监听器，您需要将所选项目放在div中。

$('#addButton').on('click', function( event ) {
    var searchedValue = $('#search_term').val(); 
    var divHolder = $('#selectedStuff'); // the element we want to append our data to.
    divHolder.append(searchedValue + '<br>'); //adding the new stuff to it
});

随意玩它。

PHP添加功能

1 个答案: