03 мая 2021, 14:18
4459
Объединить несколько полей input в одно JS jQuery
Объединить 3 поля input в одно.
Иногда в форме нужно сделать 3 поля "Имя", "Фамилия", "Отчество", но в БД записать нужно в одно поле.
Объединенное поле можно сделать type="hidden" - то есть скрытым или "readonly" - только для чтения.
<input id="lastname" type="text" name="lastname" value="" placeholder="Фамилия" />
<input id="firstname" type="text" name="firstname" value="" placeholder="Имя" />
<input id="middlename" type="text" name="middlename" value="" placeholder="Отчество" />
<input id="fullname" type="text" name="fullname" placeholder="ФИО" value="" readonly/>
lastname.addEventListener('keyup', joinValues, false);
firstname.addEventListener('keyup', joinValues, false);
middlename.addEventListener('keyup', joinValues, false);
function joinValues(){
fullname.value = lastname.value + ' ' + firstname.value + ' ' + middlename.value;
}



Комментарии ()