Question

寻求帮助;

我一直在玩这里和那里的代码片段，它们动态地将文本字段添加到HTML表单中。页面是基本的：表单提示至少一个文本字段输入;有一个按钮，可以添加更多文本字段;有一个按钮来提交所有呈现的字段中的条目 - 想法是将字段条目读入变量，然后通过相同的html页面显示给用户。

向表单添加字段即可。

我无法弄清楚的是如何在同一页面中仅使用JS读取字段中的输入（即没有PHP或其他基于服务器的数据读取）。

从代码中提取，创建其他字段如下：

        <div class="input_fields_wrap">
            <button class="add_field_button">Add More Fields</button>
            <div><input type="text" name=mytext[]></div>
        </div>

用于动态添加字段的JS部分显示为：

var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
    e.preventDefault();
    if(x < max_fields){ //max input box allowed
        x++; //text box increment
        $(wrapper).append('<div><input type="text" name=mytext[]/><a href="#" class="remove_field">x</a></div>'); //add input box
    }
});

然后，表格＆＃34;提交＆＃34;按钮如下：

<input name="button" onclick="addtext()" type="button" value="Show" />

然后，函数（在同一页面中）addtext（）基本上是：

   function addtext() {
       var f2 = document.myform.?????????????
       document.writeln(f2,'<br>')
    }

＆＃34; ????????????＆＃34;表示尝试从任何mytext []动态添加的字段中读取条目....这是我无法想象的部分。

建议表示赞赏。 THX。

Answer 1

你几乎已经完成了。

var readInputVariables = function(){
  $('input:text').each(function(index,element){
      console.log(element.val()); // do whatever you want with the value;
  })
}

JS将输入读入动态创建的HTML表单字段

1 个答案: