将DropDownList值保存到javascript变量中

Question

我是C＃的新手，现在已经在互联网上进行了几天的研究。 我需要在asp.net DropDownList中选择的值声明为JavaScript变量。 我主要研究了<asp:hiddenfield> ，但是我不确定这是否是最好的选择。 所以我有两个问题：

1. 是<asp:hiddenfield>的最佳选择吗？

2. 如何在JavaScript变量中声明C＃字符串？

    <asp:DropDownList runat="server" ID="dropDownID"> <asp:ListItem Text="-- Select Reason --" Value=""></asp:ListItem> <asp:ListItem Text="Booking" Value="1"></asp:ListItem> <asp:ListItem Text="Discussing" Value="2"></asp:ListItem> <asp:ListItem Text="Quotation" Value="3"></asp:ListItem> </asp:DropDownList> <asp:hiddenfield ID="valueInHiddenField" value="" runat="server"/> 

Answer 1

<script type="text/javascript">
    var serverDropdown = document.getElementById('dropDownID');
    var reasonIndex = serverDropdown.selectedIndex;
    var reasonValue = serverDropdown.value;
</script>

Answer 2

将此<asp:DropDownList runat="server" ID="dropDownID">更改为此：

<asp:DropDownList runat="server" ID="dropDownID" ClientIDMode="Static">

然后使用以下JavaScript获取值：

var val = document.getElementById('dropDownID').value;

Answer 3

要将dropdownlist值存储在javascript变量中，无需使用隐藏字段，

尝试这个...

 <script type="text/javascript">
     var dropdown_value = document.getElementById('<%=dropDownID.ClientID%>').value;
 </script>

在这里，而不是dropdownID，我们必须使用其ClientID。.....在asp.net 4.0中，您可以通过执行下拉菜单的ClientIDMode =“ Static”来直接使用其ID。

     var dropdown_value = document.getElementById('dropDownID').value;