javascript - 从ajax响应中选择文本，并在用户单击项目时显示在输入字段中

用户类型london从数据库获取记录并显示在输入字段下方

<input type="text" id="inputSuccess" name="name" onkeyup="autosearch(this.value)" > //user type london

  当用户单击london而不是london时，在输入字段中添加，但无法在输入字段中设置jQuery脚本需要从p标记中选择值并显示在输入字段中的内容

<script>
function autosearch(name){
   //get data from database
   $.ajax({
       url:"ajax.php",
       type:'post',
       data: {name: name},
       success:function(result){
           $('.result').html(result);
       }
   });
}
</script>

ajax.php

<div style="border: 1px solid #ccc;width:100%;" >
   <a href="javascript:void(0)">
</div>
<div>
  <p><?php echo $data['cityName']; ?> </p> //london show here
</div>
  </a>
</div>

最佳答案

如果我有您的问题，那么这里有一个示例，可让您清除如何在输入中添加文本。请在下面结帐：

HTML：

<input type="text" id="inputSuccess" name="name" onkeyup="autosearch(this.value)" >

<a href="javascript:void(0)" data-val="textToShow" onclick="addTextInInput($(this).data('val'))">
  <div>
    <p>asd </p>
  </div>
</a>

JS：

function addTextInInput(txt){
 //get data from database
   $("#inputSuccess").val(txt)
 }

用您的textToShow代码替换data-val中的PHP并尝试。另外，在这里找到工作示例https://jsbin.com/witilohinu/1/edit?html,js,console,output

请在评论中提供您的反馈。