how to get dropdown's selected valueusing jquery or javascript

Question

i want to get the selected value from dropdownlist using jquery or javascript. Please help me

What technology are you using (i.e. PHP, ASP.NET, ASP.NET MVC, etc.) to generate the markup? — Tieson T.
– Tieson T., Commented Sep 13, 2011 at 5:43

Rafay · Accepted Answer · 2011-09-13 05:46:24Z

1

$(function(){
$("#ddlID").change(function(){
console.log($(this).val());
});

});

here is the fiddle http://jsfiddle.net/ah2Y8/

answered Sep 13, 2011 at 5:46

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Tieson T. Over a year ago

Pretty sure this fails in ASP.NET WebForms.

Rafay Over a year ago

if he sets the client id mode then the id can be predicted or he can use the class insted of id

Tieson T. Over a year ago

Fair enough. Might be worth mentioning that in your answer. :]

Ram Singh · Accepted Answer · 2011-09-13 05:42:00Z

0

Try this

<script type="text/javascript">
    function getDropDownList1Value()
    {
        var SelectedVal = $('#< %=<strong>DropDownList1.ClientID %>').val();
        return SelectedVal;
    }

If you want to get its selected text the try this

$('#drop :selected').text();

answered Sep 13, 2011 at 5:42

Ram Singh

6,97235 gold badges107 silver badges172 bronze badges

Comments

CBRRacer · Accepted Answer · 2011-09-13 05:57:44Z

0

The simplest way to do this via jquery is give the

<select ID="Whatever">

element an ID then call a function onblur or onsubmit

function whatever() { alert($("#Whatever").val()); }

answered Sep 13, 2011 at 5:57

CBRRacer

4,6791 gold badge26 silver badges27 bronze badges

Comments

Tieson T. · Accepted Answer · 2011-09-13 06:02:01Z

0

The normal .val() method will get you the selected value of the dropdown, and the .text() method will get you the selected text. The problem you will run into with ASP.NET using WebForms is that the server tags, when generated, contain long concatenated IDs that don't match the ID you specify in the markup. So, your selectors have to be tweaked as @raman shows you above: inject the client ID into the jQuery selector using a server tag. Then the selector will function as normal:

// if you're going to reference it a bunch of times, create an object reference
var $ddl = $('#<%= DropDownList1.ClientID %>'); 

var selectedvalue = $ddl.val();
var selectedtext = $ddl.text();

HTH.

answered Sep 13, 2011 at 6:02

Tieson T.

21.2k6 gold badges82 silver badges99 bronze badges

Collectives™ on Stack Overflow

how to get dropdown's selected valueusing jquery or javascript

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related