Capturing Ereignis für die automatische Vervollständigung Textbox Kreuz-Symbol

Question

ich eine Autocomplete-Box haben (Wert 1) auf einer der Seite und Textbox (Wert 2) unmittelbar darunter, die auf die Auswahl der gesuchten Begriff in der automatischen Vervollständigung Box bevölkert wird .

Wenn ich auf dem Kreuz (X) auf dem Autovervollständigen-Feld erscheint das Wert 1 Feld gelöscht wird. Meine Anforderungen sind, dass ich Wert 2 Box auch auf Klick auf Cross-Button löschen möchte.

Ist das überhaupt möglich? Ich habe viel im Internet gesucht, kann aber keine Antwort darauf finden.

Answer 1

Sie brauchen Such-Event. Das Such-Ereignis wird ausgelöst, wenn der Benutzer auf den Kreuz-Button klickt.

1. Das onkeyup-Ereignis wird ausgelöst, wenn der Benutzer den Wert in die Textbox eingibt.
2. Das Onsearch-Ereignis wird ausgelöst, wenn der Benutzer auf die Kreuztaste klickt.

function fillValue(e){ 
 
    //console.log(e.target.value); 
 
    var txtAutoFill = document.getElementById("txt_auto_fill"); 
 
    txtAutoFill.value = e.target.value; 
 
}

<label>Enter value </label><input type = "search" id="txt_auto" onsearch="fillValue(event)" onkeyup="fillValue(event)"/> 
 
<br/> 
 
<label>Will be auto filled</label> 
 
<input type = "text" id="txt_auto_fill" />