Question

我目前正在努力使我的AJAX搜索查询尽可能体面。

我发现了很多不同的方法，但我想要这个，因为它是最简单的：

$country_name = str_replace($_POST['keyword'], '<b>'.$_POST['keyword'].'</b>', $rs['country_name']);

echo '<li onclick="set_item(\''.str_replace("'", "\'", $rs['country_name']).'\')">'.$country_name.'</li>';
        <form>
            <div class="label_div">Type a keyword : </div>
            <div class="input_container">
                <input type="text" id="testInput" onkeyup="autocomplet()">
                <ul id="country_list_id"></ul>
            </div>
        </form>

的Ajax

function autocomplet() {
    var min_length = 0; // min caracters to display the autocomplete
    var keyword = $('#country_id').val();
    if (keyword.length >= min_length) {
        $.ajax({
            url: 'ajax_refresh.php',
            type: 'POST',
            data: {keyword:keyword},
            success:function(data){
                $('#country_list_id').show();
                $('#country_list_id').html(data);
            }
        });
    } else {
        $('#country_list_id').hide();
    }
}

JS

function set_item(item) {
        // change input value
        $('#country_id').val(item);
        // hide proposition list
        $('#country_list_id').hide();
    }

但我改变了很多代码

// set_item : this function will be executed when we select an item
function setvalue(item)
    $(".item").click(function()
    {
      $(".testInput").val(item));
      $('.showSearch').hide();
    })
})

我希望将值设置为jQuery给出列表的输入

echo("<a id="item"onclick="setvalue()">$rows[1]$rows[2]$rows[3]</a>");;

或者我想在这里使用此代码

country_name = str_replace($_POST['keyword'], '<b>'.$_POST['keyword'].'</b>', $rs['country_name']);
 echo '<li onclick="set_item(\''.str_replace("'", "\'", $rs['country_name']).'\')">'.$country_name.'</li>';

更容易理解。从目前开始，如果我想从表中实现它，那将非常混乱。如果有人对如何制作代码有任何建议。非常感谢！

来自ajax列表的可选/可点击值表值

0 个答案: