如何使用PHP / Javascript中的多个文本框创建一个填充TEXTAREA的函数

Question

你可以帮我用PHP创建一个函数/脚本吗

我希望像StackOverflow这样的项目在创建/输入此查询时自动显示textarea中的文本，并在textarea中显示字段名称，下面是我的脚本和示例截图：

这是我的剧本

联络号码
帐号

<script>
function myFunction() {


    var a = document.getElementById("an").value; /* input box */
    document.getElementById("myTextarea").innerHTML = a; /* text area */

}

</script>

<button onclick="myFunction()">SUBMIT</button>

- 当前结果 -

- 我的预期结果 -

Answer 1

您只使用其中一个输入

function myFunction() {
  /* input box */
  var inputs = document.getElementsByTagName("input");
  var text = "";
  for (var i = 0; i < inputs.length; i++) {
    text += inputs[i].getAttribute('aria-label') + ": " + inputs[i].value + "\n";
  }
  /* text area */
  document.getElementById("myTextarea").innerHTML = text;
}

Contact Number <input id="cbr" aria-label="Contact Number" type="text"><br/>
Account Number <input id="an" aria-label="Account Number" type="text">
<textarea id="myTextarea" readonly></textarea><br/>
<button onclick="myFunction()" type="button">SUBMIT</button>

我为你玩https://jsfiddle.net/0rkwjz3d/

创造了一个小提琴