通过Jquery数组显示来自多个文本框的输入
我试图从所有的输入框中获取输入。然后添加到数组并通过通过Jquery数组显示来自多个文本框的输入,jquery,html,Jquery,Html,我试图从所有的输入框中获取输入。然后添加到数组并通过类打印 触发器应该是一个按钮,然后在所有输入类中启动for循环。我错过了一些简单的东西吗 HTML <h2><a href="#" id="addScnt">Add Another Input Box</a></h2> <div id="p_scents"> <p> <label for="p_scnts"><input type
类打印
触发器应该是一个按钮,然后在所有输入类中启动for循环。我错过了一些简单的东西吗
HTML
<h2><a href="#" id="addScnt">Add Another Input Box</a></h2>
<div id="p_scents">
<p>
<label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt" value="" placeholder="Input Value" /></label>
</p>
</div>
<p class="result"></p>
<button id="add">SUMBIT
萨姆比特
JQUERY
$(function() {
var scntDiv = $('#p_scents');
var i = $('#p_scents p').size() + 1;
$('#addScnt').live('click', function() {
$('<p><label for="p_scnts"><input type="text" class="encdom_local" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
i++;
return false;
});
$('#remScnt').live('click', function() {
if( i > 2 ) {
$(this).parents('p').remove();
i--;
}
return false;
});
});
$("button#add").click(function() {
var encdom_local = [];
$('.encdom_local').each(function() {
values.push(encdom_local.val()+',');
});
$(".result").html(encdom_local.join(""));
});
$(函数(){
var scntDiv=$('p#u scents');
变量i=$('#p#p').size()+1;
$('#addScnt').live('click',function()){
$('p>')。附录(scntDiv);
i++;
返回false;
});
$('#remScnt').live('click',function(){
如果(i>2){
$(this.parents('p').remove();
我--;
}
返回false;
});
});
$(“按钮添加”)。单击(函数(){
var encdom_local=[];
$('.encdom_local')。每个(函数(){
push(encdom_local.val()+',');
});
$(“.result”).html(encdom_local.join(“”);
});
您应该获取输入值(而不是数组),然后推送到上面创建的数组。然后使用带有逗号分隔符的联接,而不是按val()+“,”
您应该获取输入值(而不是数组),然后将其推送到上面创建的数组。然后使用带有逗号分隔符的联接,而不是按val()+“,”
values.push(
我没有看到变量values
声明anywhere@NikhilNanjappa是正确的。如果您查看小提琴上的JS控制台,它会抛出一个未定义值的错误。values.push(
我没有看到声明的变量值anywhere@NikhilNanjappa是正确的。如果您查看小提琴上的JS控制台,它会抛出一个未定义值的错误。
$("button#add").click(function() {
var encdom_local = [];
$('.encdom_local').each(function() {
encdom_local.push($(this).val());
});
$(".result").html(encdom_local.join(","));
});