php - php/js/ajax 搜索框

Question

我有一个谷歌风格的搜索框。然而，与谷歌不同，当用户从建议中选择时，我不希望页面发生变化，因为还有其他字段。相反，一旦用户选择它，我就会使用 javascript 在电子邮件字段中设置一个值。我的问题是所有建议仍然存在，填满屏幕。

javascript:

function setEmail(address) {
//alert(address);
var email = '<input type="email" name="to" value="\''+address+'\'">';
document.getElementById('box').innerHTML = email;
document.getElementById('suggestions').innerHTML = "";
}

ajax返回的链接：

<a href="javascript:void(0);" onclick="setEmail('.$address.');">Name</a>

html:

编辑显示下面的答案：

<input id="box" type="email" name="to" onkeyup="showSuggestions(this.value)">

编辑2：为了使建议在选择后消失，我将建议框设置为“”。

Answer 1

您需要为输入提供一个 ID。像这样：

<input id="emailField" type="email" name="to" onkeyup="showEmail(this.value)">

并改变这个：

document.getElementById('emailbox').innerHTML = email;

对此：

document.getElementById('emailField').value = email;