Как получить выбранное значение html select с помощью asp.net

У меня есть код ниже:

<select id="testSelect">
    <option value="1">One</option>
    <option value="2">Two</option>
</select>
<asp:Button ID="btnTest" runat="server" Text="Test it!" onclick="btnTest_Click" />

Мне нужно получить значение выбранных опций для обратной передачи. Как я могу сделать это с помощью asp.net?

Ответы

Ответ 1

Вам нужно добавить имя в свой элемент <select>:

<select id="testSelect" name="testSelect">

Он будет отправлен на сервер, и вы можете увидеть его, используя:

Request.Form["testSelect"]

Ответ 2

Если вы используете asp:dropdownlist, вы можете выбрать его проще testSelect.Text.

Теперь вам нужно сделать Request.Form["testSelect"], чтобы получить значение после нажатия btnTes.

Надеюсь, что это поможет.

EDIT: вам нужно указать name для выбора (не только ID), чтобы иметь возможность Request.Form["testSelect"]

Ответ 3

Я использовал это решение, чтобы получить то, что вам нужно.

Предположим, что в моем .aspx-коде есть список выбора runat = "server":

<select id="testSelect"  runat="server" ClientIDMode="Static" required>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

В моем коде С# я использовал приведенный ниже код для извлечения текста, а также значения параметров:

testSelect.SelectedIndex == 0 ? "uninformed" : 
    testSelect.Items[testSelect.SelectedIndex].Text);

В этом случае я проверяю, выбрал ли пользователь какой-либо из параметров. Если ничего не выбрано, я показываю текст как "неинформированный".

Ответ 4

Java script:

используйте elementid. selectedIndex() функцию для получения выбранного индекса

Ответ 5

<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">    
<head>
    <title> HtmlSelect Example </title>
    <script runat="server">
      void Button_Click (Object sender, EventArgs e)
      {
         Label1.Text = "Selected index: " + Select1.SelectedIndex.ToString()
                       + ", value: " + Select1.Value;    
      }    
   </script>    
</head>    
<body>    
   <form id="form1" runat="server">

      Select an item: 

      <select id="Select1" runat="server">    
         <option value="Text for Item 1" selected="selected"> Item 1 </option>
         <option value="Text for Item 2"> Item 2 </option>
         <option value="Text for Item 3"> Item 3 </option>
         <option value="Text for Item 4"> Item 4 </option>
      </select>

      <button onserverclick="Button_Click" runat="server" Text="Submit"/>

      <asp:Label id="Label1" runat="server"/>    
   </form>
</body>
</html>

Источник от Microsoft. Надеюсь, это будет полезно!