Повторное размещение значения <input>в <textarea>

Question

Я хочу заново сгенерировать вводимые пользователем значения в текстовое поле с указанным форматом c. Я создал ввод и «выберите» с различными «опциями» внутри, а также «кнопкой», которая вызывает функцию.

Может кто-нибудь сказать, пожалуйста, что я делаю здесь неправильно? ..

<SCRIPT>

function myFunction() {
   var finaL = document.getElementById("textArea").value;
   var spacE = " | ";

   var a = document.getElementById("input1").value;
   var b = document.getElementById("input2").value;
   var c = document.getElementById("selecT").value;

   finaL = a + spacE + b + spacE + c;
}

</SCRIPT>

Answer 1

В вашем коде вы получаете значение текстовой области и сохраняете его в переменной final, которая является просто строкой. Что вам нужно сделать, это получить ссылку на текстовое поле в переменной final, а затем установить значение.

Рабочий код:

function myFunction() {
    var finaL = document.getElementById("textArea");
    var spacE = " | ";
    var a = document.getElementById("input1").value;
    var b = document.getElementById("input2").value;
    var c = document.getElementById("selecT").value;
    finaL.value = a + spacE + b + spacE + c;
}

<label for="input1">Male</label>
<input name="input1" id="input1" /> <br>
<label for="input2">Input 3</label>
<input name="input2" id="input2" /> <br>
<label for="selecT">Input 3</label>
<select id="selecT">
    <option value="Value 1">Value 1</option>
    <option value="Value 2">Value 2</option>
    <option value="Value 3">Value 3</option>
</select>
<br>
<button type="button" onclick="myFunction()">Copy</button>
<br>
<label>Result</label>
<textarea id="textArea"></textarea>

Answer 2

просто обновить код для этого

<SCRIPT>

function myFunction() {
   var finaL = document.getElementById("textArea").value;
   var spacE = " | ";

   var a = document.getElementById("input1").value;
   var b = document.getElementById("input2").value;
   var c = document.getElementById("selecT").value;

   document.getElementById("textArea").value = a + spacE + b + spacE + c;
}

</SCRIPT>

что я могу изменить с этого

value = a + spacE + b + spacE + c;

на этот

document.getElementById("textArea").value = a + spacE + b + spacE + c;