HTML Select Control Needs to Postback in asp.net

Question

4.00/5 (1 vote)

See more:

Dear All,

I have used the HTML select Control in my application for look and feel purpose instead of use the Asp.net dropdownlist control.

Now I'm not able to post back the data when the user select the item in the Select Control.

On the Post back, I need to call the server side function in the Onchange() event.

Please help me to do this . Thanks.

Posted 18-Oct-11 3:17am

shek124

Updated 18-Oct-11 19:22pm

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

kiran dangar · Accepted Answer · 2011-10-18T04:22:00

You can not make Postback directly using the HTML tag, rather i suggest use Asp.net server control set AutoPostBack= true and apply CSS OR define Theme as per the requirement..
still if you want to use HTML tag and want to make postback then you can write javascript and handle onchage() and call __doPostBack() as shown below:

HTML

<select id="cmbID" name="cmbname" onchange="CmbChange();">
    <option value="Option1">Option1</option>
    <option value="Option2">Option2</option>
</select>

Javascript:

JavaScript

function CmbChange(obj) {
         var cmbValue = document.getElementById("cmbID").value;
         __doPostBack('cmbID', cmbValue);
     }

When __doPostBack() fires on client side, it will cause a postback, and using Request.params object we can get the parameters which we passed from the javascript code.

Request.params looks like {__EVENTTARGET=cmbID&__EVENTARGUMENT=Option2}

server side code:

C#

protected void Page_Load(object sender, EventArgs e)
     {
         if (Page.IsPostBack)
         {
             string controlID = Request.Params["__EVENTTARGET"].ToString();
             object controlValue = Request.Params["__EVENTARGUMENT"].ToString();
         }
     }

Hope this will solve your problem.

Muralikrishna8811 · Accepted Answer · 2011-10-18T04:45:00

Hi,

You can try this

HTML

<select id="slct" onchange="f1()">
    <option value ="fdgdfg">dfgdfg</option>
    <option value ="fdgdfg">dfgdfg</option>
    <option value ="fdgdfg">dfgdfg</option>
  </select>

In javascript you've to write following method

JavaScript

function f1() {
          form1.submit();
      }

All the Best

HTML Select Control Needs to Postback in asp.net

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0