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

Question

我正在创建消息传递应用，这里发送者可以使用自动建议选择接收者的名称。 我能够生成名称与输入的单词匹配的用户名 我需要帮助的部分是，当我点击名称时，我希望所选名称出现在同一文本框中，并且建议框将消失。在facebook中或者在stackoverflow上发生'Tags'部分的同样方式。 HTML部分

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

参与AJAX

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

请帮我这样做...提前谢谢

Answer 1

我想在list_names div中你得到了所有的建议......所以......试试这样。 使用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;

 }

而且......就是这样。