Сохраните значение DropDownList в переменную javascript

Question

Я относительно новичок в C# и уже несколько дней исследую это в интернете. Мне нужно, чтобы значение, выбранное в asp.net DropDownList, было объявлено как переменная JavaScript. Я смотрел в <asp:hiddenfield>в основном, но я не уверен, что это лучший вариант для спуска. Итак, у меня есть два вопроса:

1. Являются <asp:hiddenfield>лучший вариант?

2. Как вы объявляете строку C# в переменную javascript?

   <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

Чтобы сохранить значение раскрывающегося списка в переменной javascript, нет необходимости использовать скрытое поле,

попробуй это...

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

здесь вместо dropdownID мы должны использовать его ClientID..... В asp.net 4.0 вы можете использовать его идентификатор, выполняя ClientIDMode="Static" из раскрывающегося списка.

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

Answer 3

Изменить это <asp:DropDownList runat="server" ID="dropDownID"> к этому:

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

а затем используйте этот JavaScript, чтобы получить значение:

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