JQuery:获取ID,所有输入元素的值

时间:2013-02-21 12:14:58

标签: javascript jquery html5

我试着在' page-templete1'上获取每个输入元素的所有ID,值。 我没有成功

function Temp1() {          

var input = [];

$('page-templete1 input[name][id][value]').each(function(){


input.push(this);
cc=$(this).attr('id'));
 alert(cc); // trying to get one at time (not working)});
alert(input[0].id); // not working

alert(input[0].attr('id')); // not working

});

alert(input[0].id); // not working

alert(input[0].attr('id')); // not working 

}

如何获取页面中所有输入元素的ID,值,并在以后访问它们 注意:我知道输入元素的ID或者多少。有一篇老帖子谈论类似的问题,但没有解决我的问题

6 个答案:

答案 0 :(得分:1)

根据您的“页面”是否为id,您可能需要在选择器之前使用点或哈希:

var results = [];
$('#page-templete1 input').each(function(){
    results.push({
        id: this.id,
        value: this.value
    });
});

答案 1 :(得分:0)

请尝试以下代码:

  $(function(){
    $("input").each(function(){
        alert($(this).attr('id'))
    })
    })

答案 2 :(得分:0)

var inputs = [];
$('page-templete1 input').each(function(){
    var id=$(this).attr('id'),
        val = $(this).val();
    alert("id: " + id + " with value: "+ val);
    inputs.push({id:id, value:val});
});

答案 3 :(得分:0)

您正在为变量分配一个数组:var inputs = [];然后尝试通过引用未定义的变量来读取数组:input.push(this);(使用input而不是inputs

答案 4 :(得分:0)

serializeArray会帮助你 试试这个:

var array = jQuery('your input selector').serializeArray();

结果将是

array{{name="", value=""})

访问试试这个

var array = jQuery('input').serializeArray();
array.each(function(obj){
    //do what with your object
});

答案 5 :(得分:0)

尝试使用jquery输入选择器并迭代它。

尝试这样的事情

        $(function(){
             jQuery( "#pageTemplate :input" ).each(function(){
                var id = this.id;       // for id
                var value = this.value; // for value
            })
        })

注意:您必须指定您的page-templete1是id还是class