gpt4 book ai didi

jquery - 使用 jquery 将表单插入页面?

转载 作者:行者123 更新时间:2023-12-01 02:24:08 25 4
gpt4 key购买 nike

我正在使用 jquery 将隐藏表单插入到页面中(一旦页面已经加载)。由于某种原因,该代码无法正常工作。这是代码示例:

$(function(){
$('body')
.append('<form id="mySearch"></form>'); //append a new form element with id mySearch to <body>
$('#mySearch')
.attr("action","mySearchPage.cfm") .attr("method","post") //set the form attributes
//add in all the needed input elements
.append('<input type="hidden" name="btnSearch" id="btnSearch" value="Search">')
.append('<input type="hidden" name="txtField1" id="txtField1" value="">')
.append('<input type="hidden" name="txtField2" id="txtField2" value="">')
.append('<input type="hidden" name="selType" id="selType" value="0">')
.append('<input type="hidden" name="selType2" id="selType2" value="2">')
});

表单未插入到页面正文中。我做错了什么?

更新:我发现当我在页面中使用代码时,它可以正常工作。当我尝试将其集成到一个大型的现有页面中时,它不再起作用。关于什么可能导致完全相同的代码失败的任何想法?

最佳答案

试试这个:

$(document).ready(function(){
$('body')
.append('<form id="mySearch"></form>'); //append a new form element with id mySearch to <body>
$('#mySearch')
.attr("action","mySearchPage.cfm") .attr("method","post") //set the form attributes
//add in all the needed input elements
.append('<input type="hidden" name="btnSearch" id="btnSearch" value="Search">')
.append('<input type="hidden" name="txtField1" id="txtField1" value="">')
.append('<input type="hidden" name="txtField2" id="txtField2" value="">')
.append('<input type="hidden" name="selType" id="selType" value="0">')
.append('<input type="hidden" name="selType2" id="selType2" value="2">')
});

无论如何,你绝对应该避免这种向 dom 添加动态内容的方法。最好的技术是创建一个包含所有必要标记的单个字符串,并将其一次性注入(inject)!像这样的东西:

var HTML = '<form attributes><input><input>...</form>';
$("#container").html(HTML);

关于jquery - 使用 jquery 将表单插入页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7308905/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com