Автоматическое копирование значений из нескольких input-ов в другой input
Здравствуйте.
У меня такая задача, которую не могу решить сама. Есть форма с несколькими input полями. Вот и сам код: <form class="form" action="" method="post"> <input type="hidden" id="pagetitle" name="pagetitle" value="Заявка от (Вот сюда должны автоматически скопироваться значения с других input-ов ниже) " /> <span class="help-block">Фамилия</span> <input id="surname" name="surname" type="text" value="[[+fi.surname]]" placeholder="" class="form-control input-md" required="required"> <span class="help-block">Имя</span> <input id="name" name="name" type="text" value="[[+fi.surname]]" placeholder="" class="form-control input-md" required="required"> Что необходимо решить? Необходимо чтобы input "pagetitle" автоматически копировал значения input-ов surname и name при их заполнении и автоматически вставляться в value="Заявка от "в input-е pagetitle. Вы можете помочь? Спасибо. |
Удалось, это решить этим кодом:
$('document').ready(function()
{
$('#surname, #name').bind('keyup', function(event)
{
$("#pagetitle").val( 'Заявка от ' + $("#surname").val() + ' ' + $("#name").val());
});
});
Вдруг кому понадобится. |
zulyamodx,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script>
window.addEventListener('DOMContentLoaded', function() {
var form = document.querySelector('.form');
form.addEventListener('input', function() {
form.pagetitle.value = 'Заявка от ' + form.surname.value + ' ' + form.name.value
});
});
</script>
</head>
<body>
<form class="form" action="" method="post">
<input id="pagetitle" name="pagetitle" value="" /> <!-- для теста удалено type="hidden" -->
<span class="help-block">Фамилия</span>
<input id="surname" name="surname" type="text" value="[[+fi.surname]]" placeholder="" class="form-control input-md" required="required">
<span class="help-block">Имя</span>
<input id="name" name="name" type="text" value="[[+fi.surname]]" placeholder="" class="form-control input-md" required="required">
</form>
</body>
</html>
|
| Часовой пояс GMT +3, время: 00:20. |