Javascript Ajax实时搜索,如果搜索结果只有一个,如何将文本放入输入表单?

Javascript Ajax实时搜索,如果搜索结果只有一个,如何将文本放入输入表单?,javascript,php,ajax,Javascript,Php,Ajax,首先,我想告诉大家我不知道如何编码。 我只是复制和粘贴代码,尝试对代码进行一些修改,在大多数情况下,代码不起作用 因此,我从这里复制了一个实时搜索代码,如下所示。 html: <div class="search-box"> <form name="search-form" method="post" action="<?php echo $_SERVER['PHP_SELF'];?>"

首先,我想告诉大家我不知道如何编码。
我只是复制和粘贴代码,尝试对代码进行一些修改,在大多数情况下,代码不起作用

因此,我从这里复制了一个实时搜索代码,如下所示。
html:

<div class="search-box">
<form name="search-form" method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
    <input onfocus="myFunction(this)" type="text" name="fname" autocomplete="off" placeholder="Ketik Nama..." />
    <input type="submit" value="SUBMIT/CLEAR" id="myButton" STYLE="visibility: hidden;">
    <div class="result"></div>
</form>
</div>
代码按预期工作。
但是我一直在想,如果只有一个结果,我想让代码直接将结果输入到输入框中,比如

$(this).parents(".search-box").find('input[type="text"]').val($(this).text());
似乎我需要像这样插入代码:(不是实际的代码)

但是我不知道如何编写代码。
我试着在互联网上搜索,但是我找不到我想要的

任何回复都将不胜感激。

感谢您的高级帮助。

backend search.php
dibikin responjson@FSodic非常感谢。我试试看。Makasih ya Sodic.
backend search.php
dibikin responjson@FSodic非常感谢。我试试看。马卡西,你是苏打人。
$(this).parents(".search-box").find('input[type="text"]').val($(this).text());
$.get("backend-search.php", {term: inputVal}).done(function(data){
     resultDropdown.html(data);
       if count(resultDropdown.html(data)) = 1 {
         "put the result to the input-box";
         $("#myButton").click();
         $(this).parent(".result").empty();
       }