Метод реализации HTML, определяющий завершение ввода и автоматически заполняющий следующий контент.

В предыдущей статье мы просто реализовали обнаружение того, что ввод завершен. Теперь мы сделаем еще один шаг вперед. На этой основе мы можем реализовать обнаружение того, что ввод был завершен. завершено и автоматически заполняет следующий контент.

Когда нам нужно автоматически заполнять контент и не хотим, чтобы он менялся, нам нужно добавить атрибут readonly.

При заполнении формы возмещения вам необходимо указать только количество дней командировки, и сумма субсидии на командировку будет рассчитана автоматически.

Код выглядит следующим образом

 <tbody> <tr style=background-color:#FfFFFF> <th colspan=2 class=info>Субсидия на командировку:</th> </tr> <tr style=background-color:#F3F3F3> <th>Номер дней субсидии:</th> <td> <input class=form-control onBlur=finnishInput(event) onInput(event) id=travelAllowanceDaysId type=number Placeholder=> </td> </tr> <tr style=background-color:#FFFFFF> <th>Сумма субсидии:</th> <td> <input class=form-control id=travelAllowanceFeesId type=number Placeholder= > </td> </tr></tbody>

JavaScript-код:

 var flag = 0; function onInput(e) { console.log(Inputing); flag = 1; $api.removeAttr($api.byId('travelAllowanceFeesId'), 'только для чтения');} function finnishInput(e) { if (1 == флаг) { console.log(InputOk); флаг = 0; $api.byId('travelAllowanceFeesId').value = 400*$api.byId('travelAllowanceDaysId').value; $api.attr($api.byId('travelAllowanceFeesId'), 'только для чтения', true }}

Результаты следующие:

Вышеупомянутый метод реализации, который редактор предлагает вам, чтобы определить, что ввод HTML завершен, и автоматически заполнить следующий контент. Надеюсь, это будет вам полезно. Если у вас есть какие-либо вопросы, оставьте мне сообщение. Редактор ответит вам вовремя. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!

Если вы считаете, что эта статья вам полезна, вы можете ее перепечатать, укажите источник, спасибо!