How to get selected value of a html select with asp.net

Question

I have code below:

<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" />

I need to get selected options' value on postback. How can I do this with asp.net?

Great... How about Multiple values ??? – Jalal El-Shaer Apr 02 '10 at 16:47 — Jalal El-Shaer, Apr 02 '10 at 16:47

score 47 · Accepted Answer · answered Mar 04 '10 at 10:13

47

You need to add a name to your <select> element:

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

It will be posted to the server, and you can see it using:

Request.Form["testSelect"]

answered Mar 04 '10 at 10:13

Kobi

135,331
41
252
292

1

No problem. Pontus makes a valid point about using a server-side Drop-Down, if possible, but I assumed you had a good reason not to use it. – Kobi Mar 04 '10 at 10:19
Any Luck with multiple values selected by user ?! – Jalal El-Shaer Apr 02 '10 at 16:47
9

@jalchr - For multiple values you can use `Request.Form.GetValues("testSelect")`. In the future, you can probably ask a new question, it will get you a faster answer. – Kobi Apr 02 '10 at 17:26
That doesn't work for me; if interested, see Update 3 here: http://stackoverflow.com/questions/42655000/how-can-i-get-the-text-of-the-selected-item-in-an-html-select-element – B. Clay Shannon-B. Crow Raven Apr 07 '17 at 20:19

score 10 · Answer 2 · edited Sep 13 '16 at 06:50

10

I've used this solution to get what you need.

Let'say that in my .aspx code there's a select list runat="server":

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

In my C# code I used the code below to retrieve the text and also value of the options:

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

In this case I check if the user selected any of the options. If there's nothing selected I show the text as "uninformed".

edited Sep 13 '16 at 06:50

HasanG

12,734
29
100
154

answered Jul 20 '15 at 14:06

Paulo Henrique Queiroz

612
1
6
21

As you can see the question is about a select with no runat server attribute. – HasanG Jul 20 '15 at 14:15
1

yeah, I know, I was just showing another aproach for achieving the same result. Thanks for the comment = ) – Paulo Henrique Queiroz Jul 20 '15 at 14:27

score 8 · Answer 3 · edited Oct 06 '14 at 13:03

8

If you would use asp:dropdownlist you could select it easier by testSelect.Text.

Now you'd have to do a Request.Form["testSelect"] to get the value after pressed btnTes.

Hope it helps.

EDIT: You need to specify a name of the select (not only ID) to be able to Request.Form["testSelect"]

edited Oct 06 '14 at 13:03

Cullub

2,901
3
30
47

answered Mar 04 '10 at 10:15

Pontus Bremdahl

96
3

`name` did the trick! – Eaglan Kurek May 02 '22 at 10:43

score 2 · Answer 4 · edited Jul 20 '15 at 16:08

<%@ 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>

Source from Microsoft. Hope this is helpful!

score 1 · Answer 5 · edited Sep 07 '16 at 19:03

1

Java script:

use elementid. selectedIndex() function to get the selected index

edited Sep 07 '16 at 19:03

Thomas G

9,886
7
28
41

answered Mar 04 '10 at 10:14

Pavunkumar

5,147
14
43
69

How to get selected value of a html select with asp.net

5 Answers5

Linked