Implementierungsmethode für HTML, die erkennt, dass die Eingabe abgeschlossen wurde, und automatisch den nächsten Inhalt ausfüllt

Im vorherigen Artikel haben wir einfach die Erkennung implementiert, dass die Eingabe abgeschlossen ist. Jetzt können wir die Erkennung implementieren, dass die Eingabe abgeschlossen ist abgeschlossen und füllt automatisch den nächsten Inhalt aus.

Wenn wir den Inhalt automatisch ausfüllen müssen und nicht möchten, dass er geändert wird, müssen wir das schreibgeschützte Attribut hinzufügen.

Beim Ausfüllen des Erstattungsformulars müssen Sie nur die Anzahl der Tage der Dienstreise angeben und die Höhe des Dienstreisezuschusses wird automatisch berechnet.

Der Code lautet wie folgt

 <tbody> <tr style=background-color:#FfFFFF> <th colspan=2 class=info>Geschäftsreisezuschuss:</th> </tr> <tr style=background-color:#F3F3F3> <th>Nummer der Subventionstage:</th> <td> <input class=form-control onBlur=finnishInput(event) onInput(event) id=travelAllowanceDaysId type=number placeholder=> </td> </tr> <tr style=background-color:#FFFFFF> <th>Subventionsbetrag:</th> <td> <input class=form-control id=travelAllowanceFeesId type=number placeholder= > </td> </tr></tbody>

JavaScript-Code:

 var flag = 0; function onInput(e) { console.log(Inputing); flag = 1; $api.removeAttr($api.byId('travelAllowanceFeesId'), 'readonly');} function finnishInput(e) { if (1 == Flag) { console.log(InputOk flag = 0; $api.byId('travelAllowanceFeesId').value = 400*$api.byId('travelAllowanceDaysId').value; $api.attr($api.byId('travelAllowanceFeesId'), 'readonly', true);

Die Ergebnisse sind wie folgt

Das Obige ist die Implementierungsmethode, die Ihnen der Editor vorstellt, um zu erkennen, dass die HTML-Eingabe abgeschlossen ist, und um den nächsten Inhalt automatisch auszufüllen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht Der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!

Wenn Sie der Meinung sind, dass dieser Artikel für Sie hilfreich ist, können Sie ihn gerne erneut drucken. Bitte geben Sie die Quelle an. Vielen Dank!