隐藏域 HiddenField

最新推荐文章于 2021-07-31 23:02:49 发布

sunping177

最新推荐文章于 2021-07-31 23:02:49 发布

阅读量1.3k

点赞数

分类专栏： jquery 隐藏域 HiddenField 文章标签：隐藏域 HiddenField

本文链接：https://blog.csdn.net/sunping177/article/details/43052103

版权

jquery 同时被 3 个专栏收录

13 篇文章 0 订阅

订阅专栏

隐藏域

1 篇文章 0 订阅

订阅专栏

HiddenField

1 篇文章 0 订阅

订阅专栏

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

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

这是在<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;