Question

我有一些脚本从mysql数据库搜索表城市上的城市。一切正常，但是当我点击结果显示结果时，在输入搜索中显示。帮助我的想法？

JQUERY

en.domain.com
ru.domain.com

PHP

<script type='text/javascript'>
$(document).ready(function() {
    $("#search_results").slideUp();
    $("#button_find").click(function(event) {
        event.preventDefault();
        search_ajax_way();
    });
    $("#search_query").keyup(function(event) {
        event.preventDefault();
        search_ajax_way();
    });

});

function search_ajax_way() {
    $("#search_results").show();
    var search_this = $("#search_query").val();
    $.post("mod/search.php", {
        searchit: search_this
    }, function(data) {
        $("#display_result").html(data);

    })
}
</script>

HTML

$term = strip_tags(substr($_POST['searchit'], 0, 100));
$term = utf8_decode($term);
$term = mysql_escape_string($term); // Attack Prevention
$query = mysql_query("select distinct city from city where (city like '{$term}%') order by city limit 10 ");

if (mysql_num_rows($query)) {
    while ($row = mysql_fetch_assoc($query)) {
        echo ''.utf8_encode($row['city']).
        '<BR>';

    }
} else {
    echo 'No result';
}

Answer 1

您需要输出元素中的各个城市，而不是仅用<br>分隔，然后需要收听delegated

的onclick个事件

e.g。

PHP：

echo "<ul>";
if (mysql_num_rows($query)) {
    while ($row = mysql_fetch_assoc($query)) {
        echo '<li class="search-city">'.utf8_encode($row['city']).
        '</li>';

    }
} else {
    echo '<li>No result</li>';
}

echo '</ul>';

然后在javascript中你需要监听委托事件，因为当首次解释javascript时，从页面加载开始就没有元素。 https://learn.jquery.com/events/event-delegation/

所以你需要做这样的事情：

使用Javascript：

$(document).on("click", "li.search-city", function(){
    // Now do whatever you want with the clicked value
    console.log($(this).val());
});

从php / mysql自动完成中获取价值

1 个答案: