如何使用javascript函数将多个输入添加到此<div>？
使用JavaScript函数将多个输入添加到<div>的方法如下：
- 首先，您需要在HTML中创建一个<div>元素，可以使用id属性为其命名，以便在JavaScript中引用它。例如：
<div id="myDiv"></div>- 接下来，在JavaScript中编写一个函数来处理多个输入的添加。您可以使用document.getElementById()方法获取<div>元素的引用，并使用innerHTML属性来添加新的输入。例如：
function addInputsToDiv() {
var myDiv = document.getElementById("myDiv");
// 获取输入值
var input1 = document.getElementById("input1").value;
var input2 = document.getElementById("input2").value;
// 将输入添加到<div>
myDiv.innerHTML += input1 + " " + input2 + "<br>";
}- 在HTML中，您需要创建多个输入元素，并为它们分配唯一的id属性。例如：
<input type="text" id="input1">
<input type="text" id="input2">
<button onclick="addInputsToDiv()">添加到<div></button>- 最后，您可以使用一个按钮来调用addInputsToDiv()函数，以将输入添加到<div>中。当用户点击按钮时，函数将获取输入的值，并将其添加到<div>中。
这样，当用户在输入框中输入值并点击按钮时，输入的值将被添加到<div>中，并以一定的格式显示出来。
请注意，这只是一个简单的示例，您可以根据自己的需求进行修改和扩展。
相关·内容
我在一个HTML文档中使用这个脚本。当按钮被按下时，它会运行以下功能。其目的是创建一个元素，然后包含几个输入等等。我遇到的问题是，当我使用下面的追加语句将一个输入添加到div时，如果我尝试添加另一个输入类型(例如复选框)，它将覆盖第一个输入(搜索)。如何在脚本中追加多个输入？我需要总共3个不同的输入。 = document.createElem
浏览 15提问于2020-06-18得票数 2
回答已采纳
我用PHP解决了这个问题，将'time()‘添加到img src标签中。 th_div_html+= "<img src='"+path_th_img+"' class='shadow2' style='margin:7px;' onclick='imageShow("+z+");'>";
我用P
浏览 0提问于2010-01-03得票数 0
回答已采纳
3回答
我一直在搜索Google map API文档，但我找不到任何方法来使用我自己的V3内容而不是图像在地图上创建自定义图标。我想显示一个动态标记，可以显示文本或任何我想要的东西。例如：我见过这个帖子，其中有人建议使用“自定义覆盖”，但在文档中它只显示一个图像……如果是为了显示html内容，我不明白如何使用“自定义覆盖”来解释如何显示图
浏览 6提问于2012-01-19得票数 4
回答已采纳
flash电影是通过javascript加载到页面上的(div上的replaceChild)元素的css类中有"z-index: 99“
如何调用jquery元素？
浏览 0提问于2010-03-05得票数 2
回答已采纳
我在我的angular应用程序中有一个按钮，它会动态地将输入元素添加到我的应用程序中。我想将model附加到此元素，并将其放入观察组以跟踪任何更改。如果用户添加了多个输入元素，我希望添加观察组中的所有这些模型，并跟踪哪个元素更改了它的值。我该怎么做呢？>
<script type="text/javascript" src="./app/angular.min.j
浏览 10提问于2015-04-23得票数 2
1回答
关于动态文本框的建议
、、、、
我遇到了这个问题，我不知道该怎么做，我的建议框显示在第一个输入上，但是当我添加更多的文本框时，它只是显示了我在autocomplete.php上的一个错误，我在jquery和脚本上真的很新，我真的不知道该怎么做< script type = "text/javascript" > //Al<td align=&quo
浏览 3提问于2016-03-10得票数 1
回答已采纳
我有一个javascript函数，它旨在向div添加和删除额外的输入字段。$(function() {
var scntDiv =
浏览 0提问于2013-11-14得票数 0
回答已采纳
我得到了一个包含各种输入的表单，默认情况下这些输入没有值。当用户更改一个或多个输入时，所有值，包括空值，在提交时都会在URL GET字符串中使用。因此，为了清理它，我使用了一些javascript在提交之前删除输入。它工作得很好，但我想知道如何将它放入js函数或整理它。将所有这些都集中到一个onclick中似乎有点混乱。另外，我将添加更多，因此将会有相当多。
下面
浏览 1提问于2010-04-22得票数 2
回答已采纳
我想把按钮添加到"abc“的div中。当按下按钮时，它会将多个变量传递给javascript函数。我将多个变量传递给javascript函数，如如何将<em
浏览 2提问于2016-02-28得票数 0
回答已采纳
5回答
我有div，并在单击按钮时将新类添加到此div中。我想在将这个类添加到这个div之后触发另一个函数。我该怎么做呢。 <butt
浏览 0提问于2019-08-21得票数 1
回答已采纳
提交时，它使用ajax从页面中隐藏表单(如下所示)。只有当我在页面上有一个表单时，这才能起作用。
我想做的是让多个表单在一个页面上以同样的方式工作.每个人只有在提交时才会隐藏自己。contact_form是i将<div id="form'.$formnumber.'">添加到html页面的单数表单的DIV ID，因此现在有多个具有form1、form2、form3等ID的表单。form_no是发送到此
浏览 2提问于2012-02-18得票数 0
回答已采纳
2回答
我需要在jquery或javascript中创建全局二维数组<script>
}
<div><input type='button' value='save' onclick='createArray();
浏览 0提问于2012-06-04得票数 0
回答已采纳
我想为动态创建的控件使用Javascript复制到剪贴板功能。我的要求如下：对于存在id的静态控件，它非常简单，但对于动态创建的控件，它不起作用。document.execCommand("copy");
alert("Copied the text: " + copyText.value);如何使复制到剪贴板工作的动态创建的控件
浏览 0提问于2021-01-17得票数 0
但是，我可以添加javascript或jquery。<li><div class="user">...</div> </li>
<li><div class="user<&#x
浏览 0提问于2015-12-11得票数 0
回答已采纳
我有2个html文本框供用户输入数字。为了将这些数字加起来，我将这些值传递给JavaScript变量，并在添加后将结果显示到html div部分。="" /></span></div>
<div class="input-right"><span><input class="textbox&q
浏览 7提问于2013-07-28得票数 3
回答已采纳
我是javaScript的新手，所以我需要使用应用程序脚本的帮助。在GUI Builder中，我添加了一个名为"List Stocks“的列表框，并在事件中添加了一个函数"listStockQuotes()”。我不知道如何将元素添加到此列表框并显示它们。请帮帮忙
浏览 0提问于2012-08-13得票数 0
回答已采纳
我使用javascript代码添加动态文本框，这是工作。但是，当我希望获得Vb中动态创建的文本框中输入的值时，会出现问题。我试图将runat="server“放入我用来添加textbox的DIV中，但是在我将runat="server”放入DIV之后，add函数无法工作。
谁知道如何从文本框中检索通过Vb动态添加的javascript
浏览 2提问于2014-04-23得票数 0
回答已采纳
实际上，我想使用Ajax.I在结果 div中添加两个选择框，我有名为ajaxFun的函数，用于检索这两个选择框的值。我试图将多个对象呈现为JSON.but，我不知道如何从javascript函数中呈现和检索呈现的对象。</tr><div id=&
浏览 3提问于2012-09-20得票数 0
回答已采纳
1回答
多个自动完成搜索字段
、、、、
我在文本输入上使用jQuery UI自动完成小部件。此文本输入用于将产品添加到数据库中。autoFocus: true, source: "array - ommited for clarity"});
我想添加一个按钮来添加另一个输入字段，这样用户就可以将另一个产品添加到数据库中。我的问题是，如果我复制我正在使
浏览 3提问于2014-11-24得票数 2
回答已采纳
我将让用户使用单个文本字段输入多个值，例如： <div id="divTemplateLine"style="display: none;">
<a href="javascript:" onclick="javascript
浏览 2提问于2012-03-31得票数 1
回答已采纳
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
