隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。
基本语法:
<input type="hidden" name="hidden_area" value="hidden_value">
作用:
我目前用到隐藏域的地方是使用隐藏域代替全局变量的作用。
例子:
html:
<input type="hidden" id="hidden_area">
<div class=“box-body>
<div class="">
<ul id = "menuCode"></ul>
</div>
</div>
js:
function update(id){ //某个带id的函数,我们要将这个id保存下来,应用到另一个函数中
$(".box-body").click(function(){
$("#hidden_area").val(id);
});
}
function submit(){//提交按钮,将id传给后台
var pId = $("#hidden_area").val();//将所需id取出
}
当我们要使用全局变量的时候,可以用这种方法,防止在js中设置过多的变量,不利于后期维护也影响代码的整洁性。