How to get selected text from HTML dropdownlist in without using runat server?

In this post, we will discuss how to get selected text from an HTML dropdown list without using runat=”server” attribute in
Also, you can read:
Here I have a html dropdownlist which have some options like below:
<select name=”service” id=”ddlservice”>
<option value=”0″>SharePoint Project Work</option>
<option value=”1″>SharePoint classroom training</option>
<option value=”2″>SharePoint Corporate training</option>
<option value=”3″>SharePoint Online training</option>
I wanted to get the selected value in the .cs file. It does not have a runat=”server” attribute, it is not straightforward.
For this, first I added a hidden variable below to the drop down list like below:
<input type=”hidden” id=”hfServicename” name=”serviceName” />
Then I wrote a small JavaScript function which will take the selected value and assign into the hidden variable.
 <script type=”text/javascript”>
        function SetSelectedText(ddlservice) {
            var selectedText = ddlservice.options[ddlservice.selectedIndex].innerHTML;
            document.getElementById(“hfServicename”).value = selectedText;
Then I call this javascript function in the onchange event of the dropdownlist like below:
<select name=”service” id=”ddlservice” onchange=”SetSelectedText(this)”>
Then below is the way you can access the value from the variable.
string service = Request.Form[“serviceName”];
Hope this will be helpful.
Check out Best Alternative to InfoPath -> Try Now

You May Also like the Following SharePoint Online Tutorials:

About Bijay Kumar

I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site

View all posts by Bijay Kumar →