jQuery访问输入隐藏值

Question

如何使用jQuery 访问<input type="hidden">标签的value属性？

Answer 1

您可以访问隐藏字段的值val(),就像您可以在任何其他输入元素上执行一样:

<input type="hidden" id="foo" name="zyx" value="bar" />

alert($('input#foo').val());
alert($('input[name=zyx]').val());
alert($('input[type=hidden]').val());
alert($(':hidden#foo').val());
alert($('input:hidden[name=zyx]').val());

在这个例子中,这些都意味着相同的事情.

Answer 2

有一个jQuery选择器:

// Get all form fields that are hidden
var hidden_fields = $( this ).find( 'input:hidden' );

// Filter those which have a specific type
hidden_fields.attr( 'text' );

将为您提供所有隐藏的输入字段并按特定的那些过滤type="".

Answer 3

最有效的方式是ID.

$("#foo").val(); //by id

你可以在这里阅读更多:

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS

https://developers.google.com/speed/docs/best-practices/rendering?hl=it#UseEfficientCSSSelectors

Answer 4

要获得价值，请使用：

$.each($('input'),function(i,val){
    if($(this).attr("type")=="hidden"){
        var valueOfHidFiled=$(this).val();
        alert(valueOfHidFiled);
    }
});

要么：

var valueOfHidFiled=$('input[type=hidden]').val();
alert(valueOfHidFiled);

要设置值，请使用：

$('input[type=hidden]').attr('value',newValue);