如何将多个文本字段输出到一页答案

【问题标题】：How can I output multiple text fields to one page如何将多个文本字段输出到一页
【发布时间】：2015-06-26 22:13:37
【问题描述】：

我的工作需要使用大量模板来向其他部门提交信息。为了避免使用 6 个不同的模板，我想创建一个统一的简单 html 文档，允许我在需要信息的地方输入简单的文本字段，然后将该信息输出到同一页面上的另一个字段或打开一个新的页面完整。

例如：

<SPAN ID="copytext">
<b>**TOC Template**</b>
<br />
<br />
TOC,
<br />
<br />
Subscribers Impacted: <input type="text" id="text1" placeholder="How many"><br>
Business Name(s): <input type="text" id="text2" placeholder="Name of the business"><br>
Site ID: <input type="text" id="text3" placeholder="Site ID from Granite"><br>
</span>

<TEXTAREA ID="holdtext" STYLE="display:none;">
</TEXTAREA>
<BUTTON onClick="myFunction(); ClipBoard();">Copy to Clipboard</BUTTON> 
<script>
function myFunction() {
    document.getElementById("firstName").select();
}
</script>

<SCRIPT LANGUAGE="JavaScript">

function ClipBoard()
{
holdtext.innerText = copytext.innerText;
Copied = holdtext.createTextRange();
Copied.execCommand("Copy");
}

</SCRIPT>

我希望能够单击按钮并让它输出或复制页面上的所有信息，包括文本字段中的内容，以便我可以将其粘贴到我们的票务系统中。任何帮助将不胜感激！如果我可以复制它，那将是最简单的，但如果我需要将它输出到同一页面上的单独部分，那也可以。

编辑

这就是我要找的东西：

Subscribers Impacted: <input type="text" id="text1" placeholder="How many">        <br>
Business Name(s): <input type="text" id="text2" placeholder="Name of the         business"><br>
Site ID: <input type="text" id="text3" placeholder="Site ID from Granite"><br>

*它们旁边会有文本字段。填写完成后，我想将所有字段输出到另一个页面，该页面将填写所有内容，然后将其全部复制。

看起来像这样：

Subscribers Impacted: One
Business Name: Mcdonalds
Site ID: GXQ9715

我目前拥有的是一个带有几个 DIV 的网页，当我单击模板的链接时，它会加载带有模板的 html 页面。我只是希望能够填写它，点击提交，然后将其输出到另一个没有文本字段的页面。

【问题讨论】：

jQuery 可以节省您的时间和精力。打开任意数量的输入文本字段或文本区域。确保所有 em 都有 id。并继续使用 jQuery 来选择字段并获取这些值。并使用这些值在 JavaScript 中做任何你想做的事情......

标签： javascript jquery html textfield

【解决方案1】：

您需要在 html 中使用 JavaScript。这是一个例子

    <script>
        $(function () {
        $("#NameField").change(function () {
                        document.getElementById("NameBox").value = $("#NameField").val();

                    });
                    $("#NameField").keyup(function () {
                    document.getElementById("TheWord").value = $("#NameField").val().toUpperCase();});
        });
        </script>


    <input type="text" class="CustomWord" id="NameField" onkeydown="return alphaOnly(event);" name="NameField" value="Write Here" onfocus="if (this.value == 'Write Here') this.value = '';" onblur="    if (this.value == '') this.value = 'Write Here';"> 

<label for="TheWord">Word: </label><input readonly="readonly" id="TheWord" /><br />

基本上，创建您的文本字段并为每个文本字段指定一个 ID，然后在这些文本字段中的任何一个发生更改时使用 JavaScript 执行操作。例如，如果 ID 为 blahText1 的 textbox1 发生更改，请将字符串复制到 lable1 或将文本复制到隐藏字段。

【讨论】：