03 мая 2021, 14:18
 4583

Объединить несколько полей 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;
}
Работаем с TimeWeb
Все наши проекты на хостинге TimeWeb - проверено временем.
  • Виртуальный хостинг - от 196 ₽ в месяц
  • Аренда VDS и VPS - от 169 ₽ в месяц
  • Выделенные серверы - от 4 941 ₽ в месяц
  • Конструктор сайтов - 159 ₽ в месяц
  • Быстрый хостинг
  • Облачные серверы
  • Цена + качество
  • Поддержка 24/7
  • Надежные дата-центры
  • Своя панель управления
  • Бесперебойная работа

03 мая 2021, 14:18    Сергей Глазунов Блог 0    4585 0

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