如何在ajax搜索后在搜索框中插入值

Question

所以我用jquery和php创建了一个ajax搜索但是有一个问题正在进行我想在我的搜索框中插入搜索项的值如何做到这一点我输入类型文本的代码就像这样

<input type="text" placeholder="Enter your country name" id="search">

我的jquery和php代码就像这样

$('#search').keyup(function()
{
    var searchterm=$(this).val();
    $.post('city.php',{searchterm: searchterm},function(data)
        {
         $('#citysearch').html(data);
        }); 
});

我的php代码就是这个

if(isset($_POST['searchterm']))
{
    $connection=mysqli_connect('localhost','*****','*********','register');
    $country=$_POST['searchterm'];
    if(!empty($city))
    {
        $query="select countryname from countryname where countryname like '$country%'";
        $result=mysqli_query($connection,$query);
        while($row=mysqli_fetch_array($result))
        {
            $countryname=$row['countryname'];
            echo $countryname.'<hr>';
        }
    }
}

现在可以说我输入了＆＃39;在搜索框中它给了我两个值india和indonesia但是如何选择其中一个而不是在我的搜索框中插入其值

Answer 1

如果您要求像gmail一样自动完成

你可以使用jquery自动完成，所以有一个很好的教程here

你也可以阅读这篇文章here

如果您的意思是只想展示一个国家/地区

只需在最后一个sql查询中添加LIMIT 1：）

Answer 2

有很多方法可以做到这一点。 look here。除非你有特别的理由再次写这个。