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;