0

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

4

1 に答える 1

1

入力にIDを指定する必要があります。このような:

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

そしてこれを変更します:

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

これに:

document.getElementById('emailField').value = email;
于 2012-07-01T12:13:47.157 に答える