Форум

zulyamodx · #1 (**permalink**) 12.02.2017, 19:08

Здравствуйте.
У меня такая задача, которую не могу решить сама.
Есть форма с несколькими 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.

Вы можете помочь? Спасибо.

zulyamodx · #2 (**permalink**) 12.02.2017, 21:05

Удалось, это решить этим кодом:

$('document').ready(function()
{   
$('#surname, #name').bind('keyup', function(event)
   {
   $("#pagetitle").val( 'Заявка от ' + $("#surname").val() + ' ' + $("#name").val());
   });
});

Вдруг кому понадобится.

рони · #3 (**permalink**) 12.02.2017, 21:36

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>

Форум

Справочник

Discord чат

Курсы javascript