php / js / ajax搜索框

Question

我有一个Google风格的搜索框。 但是，与Google不同，我不希望用户从建议中进行选择时更改页面，因为还有其他字段。 取而代之的是，一旦用户选择了电子邮件，我就会使用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;