隐藏域 HiddenField

最近用到隐藏域，困惑的一阵，终于解决，记下来共享

在这里用到是选择省市获取选择的省市的名称，用的是隐藏域，将获取的省市名称传给隐藏域，再从后台获取隐藏域的内容。

这是在<body>中的

 <select id="province" οnchange="javascript:selectchange(province,city);"></select>
<asp:HiddenField ID="hidProvince" runat="server" />

这是在javascript中的代码

//下拉列表改变事件
        function selectchange(province, city) {
            delCitys(city);
            addCitys(province, city);
            var pindex = province.selectedIndex;
            var cindex = city.selectedIndex;
            hidden(province.options[pindex].innerHTML, city.options[cindex].innerHTML);

}

function hidden(ptxt, ctxt) {
            var p = ptxt;
            var c = ctxt;
            var hidp = document.getElementById("hidProvince");
            hidp.value = p;
            var hidc = document.getElementById("hidCity");
            hidc.value = c;

// document.getElementById("<%=hidProvince.ClientID%>").value = p;
// document.getElementById("<%=hidCity.ClientID%>").value = c;
}

后台获取隐藏域内容。

一，form表单提交，后台获取办法

string city = Request.Form["hidCity"];

二，buttonclick事件提交

string pro = this.hidProvince.Value;

需要有几个注意的问题

一，form表单提交时，用getelementById方法。而且要如下写法，不然容易出问题

var hidp = document.getElementById("hidProvince");
hidp.value = p;
二，如果是通过buttonclick事件提交，用下面写法，

document.getElementById("<%=hidProvince.ClientID%>").value = p;

隐藏域 HiddenField相关推荐

ASP.NET状态管理之三(隐藏域HiddenField)
ASP.NET 允许您将信息存储在 HiddenField 控件中,此控件将呈现为一个标准的 HTML 隐藏域. 隐藏域在浏览器中不以可见的形式呈现,但您可以就像对待标准控件一样设置其属性. 当向服务 ...
SpringBoot+jquery实现post提交表单并添加隐藏域属性完成编辑功能
场景如下页面编辑时: 在选择归属机构时会出现树形结构,所以在提交时需要额外提交一些信息,可以在form中使用input的隐藏域进行存值. 实现 html代码 <div class=" ...
android设置提交的隐藏域以及在onItemClick中获取对应的数据
在ui 的xml文件上添加一个文本隐藏域 <TextView android:id="@+id/novelUrl"android:layout_width="wr ...
session、cookie、隐藏域、url参数传递四种会话及跟踪方式
1.Session HttpSession session = request.getSession(); session.setAttribute("name", "z ...
boke练习： spring boot: security post数据时，要么关闭crst,要么添加隐藏域
spring boot: security post数据时,要么关闭crst,要么添加隐藏域 http.csrf().disable(); 或者: <input name="${_cs ...
解决layui隐藏域：不显示问题（含案例、代码、截图）
layui 隐藏域:不显示问题(案例篇) 自定义的隐藏域不显示? 只需要给隐藏域添加一个layui-input类名即可,其他不用改变. 案例 · 效果图: 代码示下: <!DOCTYPE htm ...
layui复选框组件：如何操控隐藏域实现checked状态切换（含代码、案例、截图）
文章目录 layui复选框组件:如何操控隐藏域实现checked状态切换(含代码.案例.截图) 注意: 案例 · 应用场景 · 说明: 案例 · 截图 · 示下主要代码 · 示下: 使用说明: 博主 ...
button jsp隐藏_关于在同一JSP页面通过隐藏域传值的问题？
1.jsp只能给javascript赋值,例如:var selectValues_1=""; . 2.但不能反过来赋值,因为jsp是在先服务器上执行,服务器并不解释其中的静态代码, ...
bootstrapValidator对于隐藏域验证和程序赋值即时验证的问题
问题1: 如下代码: <input type="hidden" name="productId"/> $("#addForm") ...

隐藏域 HiddenField

隐藏域 HiddenField相关推荐

最新文章

热门文章