Вставка в texarea из input

[qwe88]

Добрый день!
Есть скрипт подстановки данных в textarea из инпутов.
Помогите, пожалуйста, сделать так, что бы данные брались не из input, а из select.
Пробовал заменить querySelectorAll("input"); на querySelectorAll("select");
Но безуспешно

<script>
  var template = function (name1, name2) {
     return "Здравствуйте " + name1 + "! Ваш(-а) друг (подруга) " + name2 + " сделал(-а) вам подарок - 500 рублей на лазерную эпиляцию.";
  }

   var inputs = document.querySelectorAll("input");
   var change = function () {
      document.querySelector("textarea").innerHTML = template(inputs[0].value, inputs[1].value);
   }
   inputs[0].addEventListener("change", change, true);
   inputs[1].addEventListener("change", change, true);
  </script>

[ksa]

Помогите, пожалуйста

Для начала тестовый пример нормальный сделай...

[qwe88]

<form action="?send" method="post">

<input type="text" class="name1">
<br />
<input type="text" class="name2">
<br />

<br />
<textarea class="skrit" cols="60" rows="6" name="sms"></textarea>

<br />
<input class="otprav" type="submit" value="Отправить" />
</form>
<script>
  var template = function (name1, name2) {
     return "Здравствуйте " + name1 + "! Ваш(-а) друг (подруга) " + name2 + " сделал(-а) вам подарок - 500 рублей на лазерную эпиляцию. ";
  }

   var inputs = document.querySelectorAll("input");
   var change = function () {
      document.querySelector("textarea").innerHTML = template(inputs[0].value, inputs[1].value);
   }
   inputs[0].addEventListener("change", change, true);
   inputs[1].addEventListener("change", change, true);
  </script>

[ksa]

что бы данные брались не из input, а из select

Селектов так и не увидел...

[qwe88]

<form action="?send" method="post">

<select name="name1">
<option>Позиция 1</option>
<option>Позиция 2</option>
<option>Позиция 3</option>
</select>
<br />
<input type="text" class="name2">
<br />

<br />
<textarea class="skrit" cols="60" rows="6" name="sms"></textarea>

<br />
<input class="otprav" type="submit" value="Отправить" />
</form>
<script>
  var template = function (name1, name2) {
     return "Здравствуйте " + name1 + "! Ваш(-а) друг (подруга) " + name2 + " сделал(-а) вам подарок - 500 рублей на лазерную эпиляцию. ";
  }

   var inputs = document.querySelectorAll("input");
   var change = function () {
      document.querySelector("textarea").innerHTML = template(inputs[0].value, inputs[1].value);
   }
   inputs[0].addEventListener("change", change, true);
   inputs[1].addEventListener("change", change, true);
  </script>

[ksa]

Говнокод конечно еще тот...

Дай ключевым элементам уникальные ИД. Т.о. пофиг откуда брать инпут или селект...

var val=document.getElementById(<id_элемента>).value;