獲取select控件選中的值傳到后台（C#）

      前幾天做了個省市區三級聯動select，但不知道怎樣傳到后台寫入數據庫，現在終於找到解決方法：HiddenField控件

頁面代碼：

<div id="description"><br />所在地：
<select style="width:100px; " onchange="sech(this.id)" id="sheng">
<option  value="province" >請選擇省份</option>
</select>
<select onchange="sech(this.id)" id="shi">
<option value="city">請選擇市區</option>
</select>
<select onchange="sech(this.id)" id="xian">
<option value="county">請選擇縣鄉</option>
</select><asp:HiddenField ID="HiddenField1" runat="server" /><asp:HiddenField ID="HiddenField2" runat="server" /><asp:HiddenField ID="HiddenField3" runat="server" />
&nbsp;</div>

 

     

 

 

JS部分代碼：

function sech(id) {//省市改變時觸發

var aa = document.getElementById(id);
if(id=="sheng"){
var c = aa.selectedIndex;//獲得改變后該省的索引號
document.getElementById("HiddenField1").value = aa.options[c].text;//將選中的省的text賦值給HiddenField1的Value;
}
if(id=="shi")
{
var d = aa.selectedIndex;
document.getElementById("HiddenField2").value = aa.options[d].text;
}
if (id == "xian") {
var e = aa.selectedIndex;
document.getElementById("HiddenField3").value = aa.options[e].text;
}

}

 

后台獲取select選中代碼：

Button1.Text = HiddenField1.Value+HiddenField2.Value+HiddenField3.Value;//獲取JS賦值后的控件的值

 

這樣就可以利用JS通過ASP控件HiddenField傳遞參數給后台，實現交互