隐藏域也是表单元素,获取隐藏域hidden的值的方与获取文本框input的值的方法一样,也可以用类似的方法动态设置隐藏域的值。
1
$("input:hidden").val();
下面给出简单的示例:
创建Html元素
1
2
3
4
5
6
7
8
设置css样式
1
2
3
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
编写jquery代码
1
2
3
4
5
$(function(){
$("input:button").click(function() {
alert($("input:hidden[name='test']").val());
})
})
观察效果