如何选择元素表单列表并将其放入文本框中

how to select element form list and put it in textbox

本文关键字:文本 列表 何选择 选择 表单 元素      更新时间:2023-09-26

我正在创建消息应用程序,在这里,发送者可以使用自动建议选择接收者的名称。我能够生成与输入单词匹配的用户名称
我需要帮助的部分是,当我点击名字时,我希望所选的名字出现在同一个文本框中,建议框消失。就像在facebook或stackoverflow上写"标签"部分一样。HTML部分

<input type="text" id="to" onkeyup="showHint(this.value)">

AJAX 中的部分

<div id='list_names'>".ucfirst($fname)." ". ucfirst($lname)."</div>

请帮我做这个。。。提前感谢

我想在list_namesdiv中你会得到所有的建议。。。所以…试着这样。在带有onclick事件的标记(每个名称)中插入名称。像这样:

     <div id='list_names'><div id='someId' onclick='setName(''someId'')'>".ucfirst($fname)." ". ucfirst($lname)."</div></div>

Javascript:

 function setName(divId)
 {
      document.getElementById('to').value = document.getElementById(divId).innerHTML;
 }

而且。。。仅此而已。