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:選択後に候補を非表示にするには、提案ボックスを「」に設定します。