js:
function add(){
$("<input name="txt[]" type="text" />")appendTo(pId);
}
count(){
$("inpu [name='txt']")val();
}
html:
<div id = "pId"></div>
<input type="button" value="add" onclick="add"/>
<input type="button" value="count" onclick="count()" />
这里所有的input name都等于txt ,获取值的时候应该是一个数组,不然name就不能一样的。
var str = '';
$('form')find('input,select,textarea')each(function(){
str += $(this)val();
})
思路：
将得到str拼接后的字符串，把它赋值给多行文本框！
1、根据name取值：
<input name="inp" type="text" value="aaa">
<input name="inp" type="text" value="bbb">
<input name="inp" type="text" value="ccc">
$("input[name='inp']")val()
2、根据name取值遍历：
<input name="inp" type="text" value="aaa">
<input name="inp" type="text" value="bbb">
<input name="inp" type="text" value="ccc">
$("input[name='inp']")each(function(){alert($(this)val());})
扩展资料：
取出form中的input：
<script type="text/javascript" language="JavaScript" charset="UTF-8">
$(document)ready(function(){
var a=$("form input");
$each(
a,
function(name,object){
alert(name+":"+$(object)val());
}
);
});
</script>
直接用js里的getElementsByName就可以获取所以name值相同的元素。但获取出来的并不是数组，而是类数组的元素集合。所以还需要一步变换，下面是简单代码：
<body><input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
</body>
<script>
var oInp = documentgetElementsByName('111');
var aInp = [];
for(var i=0;i<oInplength;i++){
aInppush(oInp[i]);
}
</script> //这样aInp这个数组里存储的就是所以元素name为111的数组。
你好！
参考下面代码：
<script>function addProject(){
var ProjectName = $("#Name_id")val();
var ProjectSvn = $("#Svn_id")val();
alert(ProjectName);
alert(ProjectSvn);
}
</script>
jquery选择器中#后面只跟ID，如果是name属性，只能通过属性选择器来进行元素定位；
另外 $("#Name_id")attr("value")是可以取到值的！
莫不是你的<script>结束符错了？？
以上就是关于每点击一次“添加”按钮生成输入表单，最后将所有表单的值获取，用如何jQuery实现谢谢各位大侠！！全部的内容，包括:每点击一次“添加”按钮生成输入表单，最后将所有表单的值获取，用如何jQuery实现谢谢各位大侠！！、创建一个form表单,使用所有的组件,通过jquery来获取到这些组件里面的数据,然后、jQuery,根据name获取多个input表单的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）