[英]JS reading of inputs into dynamically created HTML form fields
寻求帮助;
我一直在玩弄各种代码片段,这些代码片段动态地将文本字段添加到 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
}
});
然后,表单“提交”按钮如下:
<input name="button" onclick="addtext()" type="button" value="Show" />
然后,函数(在同一页面中)addtext() 基本上是:
function addtext() {
var f2 = document.myform.?????????????
document.writeln(f2,'<br>')
}
哪里“???????????????” 表示尝试从任何 mytext[] 动态添加的字段中读取条目......这是我无法想象的部分。
建议表示赞赏。 谢谢。
你几乎已经通过了。
var readInputVariables = function(){
$('input:text').each(function(index,element){
console.log(element.val()); // do whatever you want with the value;
})
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.