getting dropdownlist selected text in aspx page

Question

0.00/5 (No votes)

See more:

hi,

i would want to pass the selected text from a dropdown list into a javascript function
i tried using document.getElementById('DropDownList1').value but its throwing an error.

please assist

thanks
Joe

Posted 10-Oct-11 3:51am

joe_j

Updated 10-Oct-11 4:01am

Mehdi Gholam

v2

Add a Solution

2 solutions

Solution 2

try this:

JavaScript

var selIndex = document.getElementById('ddlCountry').selectedIndex;
document.getElementById('ddlCountry').options[selIndex].value

Posted 10-Oct-11 4:05am

MZwahlen

Comments

joe_j 10-Oct-11 10:21am

hi,
nope, its still throwing a jquery error

MZwahlen 11-Oct-11 1:28am

but this is done without any jQuery code, so you shouldn't see any jquery error
Try to remove all jquery stuff

joe_j 11-Oct-11 1:43am

i have to enter the above withing a <script type="text/javascript"> right

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)

Muralikrishna8811 · Accepted Answer · 2011-10-10T03:58:00

Solution 1

Hi,

Here I'm providing some for your requirement

just check this once

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <script language ="javascript" >
        $(document).ready(function (evt) {
          
        });
        function f1(tid) {
            alert(tid.value);
       }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="text" id="txtname" onkeyup="f1()" />
        <br />
        <select name="DropDownList1" id="DropDownList1" onchange="f1(this)">
            <option value="dfgdfg">fdgdfgdf</option>
            <option value="dfgdfgdfgdfdfg">fdgddfgdfgfgdf</option>
            <option value="dfgdfgdfgdfgdfggdfg">fdgdfgdfgdfgdfgdf</option>
        </select>
    </div>
    </form>
</body>
</html>

All the Best

Posted 10-Oct-11 3:58am

Muralikrishna8811

Comments

joe_j 11-Oct-11 1:27am

hi,
tried it, but its not picking up the selected dropdown text once the submit button is fired

Muralikrishna8811 11-Oct-11 4:19am

can you post your sample design code

joe_j 13-Oct-11 5:44am

hi Murali,
its below
that is the submit button
<asp:Button ID="Button1" runat="server" Text="Confirm" onclientclick="return askConfirm()" />

and below is the javacode
function askConfirm() {
var ddl = document.getElementById(DropDownList1).value;
// var SelectedIndex = ddl.selectedIndex;
// var SelectedValue = Dddl.value;

if (confirm("Confirm action ?" + ddl))
//alert("you clicked yes")
return true;

Muralikrishna8811 13-Oct-11 5:55am

try this
function f1() {
if (confirm('are you sure ? ' + $("#DropDownList1").val())) {
return true;
}
else {
return false
}
}

Muralikrishna8811 13-Oct-11 5:56am

use jquery to access server control in easy way

joe_j 13-Oct-11 7:19am

its still giving me an error
"Microsoft JScript runtime error: Object expected"

joe_j 13-Oct-11 7:20am

could you please give me an alternative. not so sure on jquery.
if you could provide me the coding then that would be perfect

Muralikrishna8811 13-Oct-11 7:25am

kjust check this in javascript method

alert(document.getElementById('<%=DropDownList1.ClientID %>').value);

joe_j 13-Oct-11 7:32am

perfectt.. i was actually about to tell you that the page has a master page. awesome.. atleast now it doesnt throw the jquery error..
thanks a lot my friend..

Muralikrishna8811 13-Oct-11 7:23am

are you add jquery reference to your page?
if not just use this method