Método de implementación de HTML que detecta que la entrada se ha completado y completa automáticamente el siguiente contenido

En el artículo anterior, simplemente implementamos la detección de que la entrada se ha completado. Ahora vamos un paso más allá. Sobre esta base, podemos realizar la detección de que la entrada se ha completado. completar y completar automáticamente el siguiente contenido.

Cuando necesitamos completar automáticamente el contenido y no queremos que se cambie, debemos agregar el atributo de solo lectura.

Al completar el formulario de reembolso, solo necesita completar el número de días de viaje de negocios y el monto del subsidio por viaje de negocios se calculará automáticamente.

El código es el siguiente.

 <tbody> <tr style=fondo-color:#FfFFFF> <th colspan=2 class=info>Subsidio para viaje de negocios:</th> </tr> <tr estilo=fondo-color:#F3F3F3> <th>Número de días de subsidio:</th> <td> <input class=form-control onBlur=finnishInput(event) onInput(event) id=travelAllowanceDaysId type=number placeholder=> </td> </tr> <tr style=background-color:#FFFFFF> <th>Monto del subsidio:</th> <td> <input class=form-control id=travelAllowanceFeesId type=number placeholder= > </td></tr></tbody>

Código JavaScript:

 var bandera = 0; función onInput(e) { console.log(Inputing'); bandera = 1; $api.removeAttr($api.byId('travelAllowanceFeesId'), 'solo lectura');} función finnishInput(e) { si (1 == bandera) { console.log(InputOk bandera = 0; $api.byId('travelAllowanceFeesId').value = 400*$api.byId('travelAllowanceDaysId').value; $api.attr($api.byId('travelAllowanceFeesId'), 'solo lectura', verdadero }}

Los resultados son los siguientes

Lo anterior es el método de implementación que le presenta el editor para detectar que la entrada HTML se ha completado y completar automáticamente el siguiente contenido. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje. el editor le responderá a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!

Si cree que este artículo le resulta útil, puede reimprimirlo. Indique la fuente, ¡gracias!