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