Fatal编程技术网
  • javascript/
  • Javascript 如何访问动态表单的元素（输入、选择）

Javascript 如何访问动态表单的元素（输入、选择）

javascript jquery html forms

Javascript 如何访问动态表单的元素（输入、选择）,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我有一个动态窗体，它通过按“+”按钮动态创建字段 此表单未绑定到文档中，而是在单击+按钮时生成的。 我需要访问表单值，如何实现这一点 我应该使用什么表格“get”或“post” 我尝试过使用formdata对象或jQuery serialize（），但没有成功，或者说实际上我无法找到正确使用它的方法 JSFIDDLE： 代码： HTML: <body> <div id="main1"> <input type="button" onclick

我有一个动态窗体，它通过按“+”按钮动态创建字段

此表单未绑定到文档中，而是在单击+按钮时生成的。 我需要访问表单值，如何实现这一点

我应该使用什么表格“get”或“post”

我尝试过使用formdata对象或jQuery serialize（），但没有成功，或者说实际上我无法找到正确使用它的方法

JSFIDDLE：

代码：

HTML:

<body>
    <div id="main1">
        <input type="button" onclick="addSelectBox ()" name="clickme" value="+" />
        <input type="button" onclick="removeSelect();" value="-" />
        <input type="button" onclick="xmlData();" value="XML" />
    </div>
    <form id="autoPopulation_form" method='post'>
        <div id="main"></div>
        <input type="submit" />
    </form>
</body>
JS:

var selle=0；
var-brindex=0；
函数addSelectBox（）{
selle=selle+1；
var spantag=document.createElement（“span”）；
spantag.setAttribute（“id”，selle）；
var parentDiv=document.getElementById（“main”）；
var selectElement=document.createElement（“选择”）；
var selectElement1=document.createElement（“选择”）；
var selectElement2=document.createElement（“选择”）；
var selectElement3=document.createElement（“选择”）；
var textbox=document.createElement（'input'）；
textbox.setAttribute（“名称”、“文本”+selle）；
var arr=新数组（“股票”、“共同基金”）；
var arr2=新数组（“个人”、“401k”、“IRA”）；
var arr3=新数组（“包含”、“等于”）；
var arr4=新数组（“scrapedaccounttype”、“scrapedtransactiontype”）；
对于（变量i=0；i
您会发现这很有趣，但您的代码很好，除了序列化时选择器出错。您忘记了#，因为您正在选择一个ID。请在此处检查您更新的小提琴：

我想在这里猜测一下，您正试图从Javascript中访问它们

如果是这种情况，给元素一个唯一的
id
的最简单方法就是

    var selectElement = document.createElement("select");
    selectElement.id = "select_0";

    var selectElement1 = document.createElement("select");
    selectElement1.id = "select_1";

    var selectElement2 = document.createElement("select");
    selectElement1.id = "select_2";

    var selectElement3 = document.createElement("select");
    selectElement1.id = "select_3";

    var desiredSelect = document.getElementById("select_3");
您还可以给它们一个
名称
属性，在这种情况下，您可以通过
表单
元素或
文档.getElementsByName
访问它们。请注意，第二个将返回一个项目数组，或null。

是，谢谢：）啊哈。。！现在我如何分别使用这些变量，比如tag1=“Stocks”和match_name1=“scrapedaccounttype”来执行更多的操作 
window.onload = function () {
        $( "#autoPopulation_form" ).on( "submit", function( event ) {
              event.preventDefault();
              console.log( $( this ).serialize() );
        });
    };

    var selectElement = document.createElement("select");
    selectElement.id = "select_0";

    var selectElement1 = document.createElement("select");
    selectElement1.id = "select_1";

    var selectElement2 = document.createElement("select");
    selectElement1.id = "select_2";

    var selectElement3 = document.createElement("select");
    selectElement1.id = "select_3";

    var desiredSelect = document.getElementById("select_3");