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:

Edited показать ответ ниже:

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

Edit 2: Для того, чтобы сделать предложения исчезают ter, я установил поле с предложением "".

Answer 1

Необходимо указать ID. как это:

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

И изменить это:

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

К этому:

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