Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Генерация из двух input (https://javascript.ru/forum/misc/50671-generaciya-iz-dvukh-input.html)

porezon 06.10.2014 22:36
Генерация из двух input
 
Нужна генерация из двух кнопов инпут в одну, то есть есть код

<tr>
<td align="left" style="padding:5px;font-weight:bold;" width="40%">Имя:</td>
<td align="left" style="padding:5px;" width="60%"><input type="text" name="name" value=""></td>
</tr>
<tr>
<td align="left" style="padding:5px;font-weight:bold;" width="40%">Фамилия:</td>
<td align="left" style="padding:5px;" width="60%"><input type="text" name="fio" value=""></td>
</tr>


первое это имя и второе фамилия, надо чтоб при нажатии на кнопку сгенирировать без перезагрузки страницы, появилось общее, то есть
пишу имя Denis и фамилию Shek, нажимаю на кнопку сгенировать и мне показывает DenisShek

Vlasenko Fedor 06.10.2014 23:05 
<tr>
      <td align="left" style="padding:5px;font-weight:bold;" width="40%">Имя:</td>
      <td align="left" style="padding:5px;" width="60%">
        <input type="text" name="name" value="">
      </td>
    </tr>
    <tr>
      <td align="left" style="padding:5px;font-weight:bold;" width="40%">Фамилия:</td>
      <td align="left" style="padding:5px;" width="60%">
        <input type="text" name="fio" value="">
      </td>
    </tr>
    <input type="button" value="Сгенерировать" id="generator">
    <script>
      window.onload = function () {
        document.getElementById('generator').onclick = function () {
          var name = document.querySelector("input[name='name']").value;
          var fio = document.querySelector("input[name='fio']").value;
          alert(name + fio);
        }
      }
    </script>

porezon 06.10.2014 23:26
а можно чтоб не через алерт выводило, а в новый инпут его засунуть

Vlasenko Fedor 06.10.2014 23:34
какой вопрос
<tr>
  <td align="left" style="padding:5px;font-weight:bold;" width="40%">Имя:</td>
  <td align="left" style="padding:5px;" width="60%">
    <input type="text" name="name" value="">
  </td>
</tr>
<tr>
  <td align="left" style="padding:5px;font-weight:bold;" width="40%">Фамилия:</td>
  <td align="left" style="padding:5px;" width="60%">
    <input type="text" name="fio" value="">
  </td>
</tr>
<input type="button" value="Сгенерировать" id="generator">
<hr>
<input id="result" value="">
<script>
  window.onload = function () {
    document.getElementById('generator').onclick = function () {
      var name = document.querySelector("input[name='name']").value;
      var fio = document.querySelector("input[name='fio']").value;
      document.getElementById('result').value = name + fio;
    }
  }
</script>


Часовой пояс GMT +3, время: 16:31.