如何選擇元素形式列表並將其放入文本框

Question

我正在創建消息應用程序，此處發件人可以使用自動建議選擇接收者的名稱。 我可以生成名稱與輸入的單詞匹配的用戶名稱。
我需要幫助的部分是，當我點擊名稱時，我希望所選名稱出現在相同的文本框中並且建議框消失。同樣的方式，它發生在Facebook或在這裏在stackoverflow，而寫'標籤'部分。 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; 

} 

而且......僅此而已。