03 мая 2021, 14:18

Объединить несколько полей 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;
}