How to pass dropdown list selected value in webmethod using ajax

Question

1.00/5 (1 vote)

See more:

i want pass the dropdownlist selected value to webmethod using ajax

What I have tried:

var liste = document.getElementById('#ddlList');
var ddl = liste.options[liste.selectedIndex].value;

this is not work

Posted 3-Aug-16 1:46am

Nethaji chennai

Updated 3-Aug-16 3:09am

Add a Solution

Comments

Animesh Datta 3-Aug-16 8:12am

First put a break point in web method and check whether the break point is reaching or not . if not then paste the code where you are passing dropdown selected value using ajax method.

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)

ZurdoDev · Answer 1 · 2016-08-03T01:50:00

Solution 1

If you google "jquery selected value from dropdown" you'll find many, many answers very easily.

Do this:

JavaScript

var selectedVal = $('#dropDownid').val();

Posted 3-Aug-16 1:50am

ZurdoDev

Comments

Nethaji chennai 3-Aug-16 7:58am

i tried this also not working for me. this value pass to webmethod

ZurdoDev 3-Aug-16 7:59am

Then you'll have to post what you are doing because that does work.

Nethaji chennai 3-Aug-16 8:43am

<asp:DropDownList ID="ddlsec" runat="server" onchange="selesectiondrop(this)">

var liste = document.getElementById('#ddlsec');
var selectedVal = $('#ddlsec').val();
alert(selectedVal);

ZurdoDev 3-Aug-16 8:47am

So, debug it. What is $("#ddlsec").length? Is this inside a control or master page? If so, then the actual client id will not be ddlsec, but will have stuff added to the front.

Nethaji chennai 3-Aug-16 8:42am

<asp:DropDownList ID="ddlsec" runat="server" onchange="selesectiondrop(this)">

var liste = document.getElementById('#ddlsec');
var selectedVal = $('#ddlsec').val();
alert(selectedVal);

Nethaji chennai 3-Aug-16 8:42am

drodown list bind using ajax

Karthik_Mahalingam · Answer 2 · 2016-08-03T03:09:00

Solution 2

use client ID[^]

JavaScript

var value =  $('#<%=ddlList.ClientID%>').val();

Posted 3-Aug-16 3:09am

Karthik_Mahalingam

Comments

Nethaji chennai 3-Aug-16 9:26am

i got it thanks for help

Karthik_Mahalingam 3-Aug-16 9:28am

welcome