Как заполнить поля формы на основе значения другого поля в html с помощью javascript
Я хочу мгновенно автоматически заполнить значение элемента / поля формы на основе другого значения поля формы с помощью javascript.
Как показано на рисунке, если пользователь заполняет выбор как «A», то «заполненное» поле должно автоматически заполняться буквой B без обновления.
Заранее спасибо за помощь :)
Вот скриншот того, как я хочу, чтобы он выглядел:
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Насколько я понимаю; Когда пользователь пишет «A», должен запускаться javascript и помещать «B» в другое поле.
Если это так, в моем следующем коде я сначала разместил функцию onchange, что означает, что она будет запускаться только тогда, когда пользователь щелкает от текстового поля (вместо этого вы можете использовать кнопку onsubmit и submit, я просто использовал это, чтобы избежать использования формы) . Он вызовет функцию autofill (). autofill () имеет 3 строки кода, первая будет искать документ по идентификатору "field1", получает его значение и сохраняет его как переменную x. Второй будет сравнивать это с жестко закодированным символом «A», если он равен A, он перейдет в третью строку, где поместит «B» во второе поле с идентификатором «field2».
HTML:
<input type='text' id='field1' onchange = "autofill()">
<input type='text' id='field2'>
Javascript:
function autofill(){
var x = document.getElementById('field1').value;
if (x=='A')
{
document.getElementById('field2').value= 'B';
}
}
Вы можете создать несколько статусов if, чтобы проверить наличие других символов, или удалить статус if все вместе, если вы хотите, чтобы он отображал B независимо!
Надеюсь, это помогло, и не забудьте «проверить» правильный ответ!