1. 程式人生 > >隱藏域 HiddenField

隱藏域 HiddenField

最近用到隱藏域,困惑的一陣,終於解決,記下來共享

在這裡用到是選擇省市獲取選擇的省市的名稱,用的是隱藏域,將獲取的省市名稱傳給隱藏域,再從後臺獲取隱藏域的內容。

這是在<body>中的

 <select id="province" onchange="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;