Question

我有一个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;

php / js / ajax搜索框

1 个答案: