在javascript中追加表单不起作用
在JavaScript中追加表单不起作用可能是由于以下几个原因：
- DOM元素未正确选择：在追加表单之前，需要确保正确选择要追加的DOM元素。可以使用getElementById、getElementsByClassName、querySelector等方法来选择DOM元素。
- 表单元素未正确创建：在追加表单之前，需要创建正确的表单元素。可以使用document.createElement方法创建表单元素，并设置其属性和事件。
- 表单元素未添加到DOM中：创建表单元素后，需要将其添加到DOM中的合适位置。可以使用appendChild或insertBefore方法将表单元素添加到指定的父元素中。
- 事件绑定问题：如果追加的表单中包含有事件，需要确保事件正确绑定。可以使用addEventListener方法来为表单元素添加事件监听器。
- 表单提交问题：如果追加的表单需要进行提交操作，需要确保表单的提交方式和目标地址正确设置。可以使用form的action和method属性来设置表单的提交方式和目标地址。
总结起来，解决在JavaScript中追加表单不起作用的问题，需要确保正确选择DOM元素、创建正确的表单元素、将表单元素添加到DOM中、正确绑定事件以及设置正确的表单提交方式和目标地址。以下是一些相关的腾讯云产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：无服务器计算服务，帮助开发者更轻松地构建和运行应用程序。详情请参考：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于各种数据存储需求。详情请参考：https://cloud.tencent.com/product/cos
请注意，以上仅为腾讯云的一些相关产品，其他云计算品牌商也提供类似的产品和服务。
相关·内容
我有一个通过按下按钮动态添加的表单。问题是，当我第一次点击按钮时，所有的进程都工作得很好。从第2次开始，进程不工作，因为字段的id是相同的。我该如何调整呢？
浏览 9提问于2017-01-17得票数 0
2回答
我希望在JavaScript中生成一个表单并追加该表单，但它不起作用：
var formData = new FormData();
formData.append("part_num", "123ABC
浏览 0提问于2014-01-26得票数 0
回答已采纳
5回答
有什么想法为什么这个重定向在表单提交时不起作用？它应该将用户重定向到js函数中指定的url，并追加输入表单中的值。="block" onsubmit="redirect()" /> </form>
<script type="text/javascript
浏览 2提问于2017-03-28得票数 0
2回答
中，我使用一些JavaScript库和css文件。在模板中，我添加了脚本：<script lang="javascript" src="{%</div>
当在单个站点上呈现多个表单时，这些<links>和<script&g
浏览 5提问于2015-06-28得票数 1
回答已采纳
我正在使用google脚本html表单来捕获变量，包括图片。答案将被附加到google表格行中。我已经根据上一个问题的答案更改了我的表单，以使用javascript下拉选择。问题是第二次选择不会追加。我应该使用什么标记来追加该行？
浏览 2提问于2015-10-06得票数 0
2回答
逐步打开html表单
、、、
一个小小的网页设计难题:我有一个有很多选项的表单，主要是单选按钮，但不仅仅是。在html主体中构建完整的表单，并根据用户的选择使用jquery隐藏和显示它们。这意味着我必须编写两次重复的部分。在正文中不写任何内容，并在用户做出某些选择时追加新元素。这意味着JavaScript更复杂，因为我必须确
浏览 1提问于2011-05-15得票数 1
回答已采纳
1回答
我有两个表单，我想将所有输入字段从第二个表单追加到第一个表单，在表单一提交期间动态。我更喜欢jquery。我想附加为隐藏输入。我有在javascript中工作的解决方案
浏览 1提问于2012-12-30得票数 5
回答已采纳
我在一个表单中有4个输入。单击按钮时，它会向表单追加1个以上的文本输入。我还在每个输入旁边有一个删除按钮，以便用户可以在需要时删除行。但我的问题是，在点击“添加更多”按钮后，它会追加表单并添加新行，删除按钮不起作用，因为javascript不知道它已经被添加了。>"> </td>
<td><a class="btn btn-mini delete
浏览 0提问于2013-05-15得票数 2
回答已采纳
我的主要问题是，我有一个非常好的设置能力来添加/删除表单，然而，问题是，执行一种类型的追加将使输入显示(完全按照我想要的方式)，而不是实际添加到表单中，而另一种类型使表单不可见，但您可以在$_POST上看到它弹出<script language="javascript">
var table = document.get
浏览 1提问于2012-08-23得票数 0
回答已采纳
1回答
如何等到表单输入字段数据添加完成后再追加数据？<script type="text/javascript"> Screenr.Recorder( { subjectSubject <input name="subject" id='subject' type="text" ></h4>
</form&g
浏览 1提问于2012-05-16得票数 0
function GenKeyForm(FormNum){}
我在一个php页面中有多个表单。在该javascript调用GenKeyForm( id )中，每个表单都被赋予一个id，并且每个相应的提交链接具有相同的ID。如何在调用document.GenNewKey.submit的对象中添加FormNum？我知道在php中你可以用来追加</e
浏览 3提问于2011-08-12得票数 0
回答已采纳
2回答
我使用javascript函数将值附加到隐藏的div，该值必须提交到数据库。$('#submitButton').click( function () { $.each(Selector.selected_optionssubmitField').val($(
浏览 6提问于2014-02-03得票数 3
回答已采纳
2回答
让我们来描述一下情况：
函数将使用一些值调用AJAX，在成功的情况下，我希望在现有表单中添加一些具有“必需”输入的内容我试图通过追加required、required="required“、required=true、required="true”、仅仅添加输入，然后通过链接中的JS示例添加jQuery .prop或/和.attr来实现它，
浏览 2提问于2015-10-01得票数 1
我试图在表行中添加一个动态表单。下面是我的密码。class="btn btn-danger">Remove</button> </form>`);
下面是我
浏览 1提问于2020-02-25得票数 0
回答已采纳
我有一个表单，它的输入由用户填充，并以序列化表单的形式发送给AJAX请求。在发送表单之前，我想在表单中添加一个值，但它似乎不起作用(我使用了Chrome的调试器，我可以看到唯一不起作用的部分是追加部分)。form.append("PhoneNumber", phoneNumber); console.log(formlog);
<em
浏览 0提问于2019-03-17得票数 0
回答已采纳
在用JavaScript追加新元素时，我遇到了问题。我不使用任何库，如jQuery或其他任何东西，我在使用本机JavaScript进行此操作。<button id="add"><&#x
浏览 6提问于2017-10-20得票数 1
回答已采纳
我现在正在做的是在页面中添加一个在javascript中创建的表单。普通标记获取附录，但当我试图追加spring标记时，它是行不通的，it.the应用程序是单页app.so，表单是在javascript中生成并附加在html中的。
浏览 2提问于2015-02-11得票数 0
回答已采纳
1回答
在我的本地计算机上，如果字段留空，则验证有效，但当我将其发布到web主机时，验证不起作用。
字段类型的范围从自由文本输入到复选框、选择框和单选按钮。
浏览 1提问于2015-06-16得票数 0
1回答
从文档中删除它的DOM并重新添加它之后，它的值就被清除了。我自己不能很容易地调用reload，因为我在我的应用程序中重新添加了整个表单。我对表单的内容一无所知。我测试了reappending j
浏览 0提问于2012-09-19得票数 0
回答已采纳
该表还有一个“添加行”按钮，用户可以使用该按钮添加多行，以便在提交表单之前添加更多记录。发生的情况是，我使用了AutopopulatingList，所以在提交中，每一行都将作为控制器中的单独对象进行处理。我的问题是add按钮。我使用JQuery动态添加行。我使用了以下方法，但都不起作用。/js/jquery.dataTables.min.js"></script>
<script type="text/ja
浏览 0提问于2012-07-16得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
