Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

how to get drop down selected value in jQuery

Anonymous User 1128 18 Jun 2018

how to get drop down selected value in jQuery

Anonymous User

Content Writer

I am a content writter !

1 Answers

Prakash nidhi Verma 18 Jun 2018

Drop down value in jQuery :

HTML Markup consists of an HTML Select DropDownList and a Button.

For single select dom elements, to get the currently selected value:

$('#dropDownId').val(); 
$('#dropDownId :selected').text(); // currently selected text

Ex: Select color:

<select id="favcolor">

    <option value=""></option>

    <option value="1">Red</option>

    <option value="2">Blue</option>

    <option value="3">Black</option>

</select>

    <input type="button" id = "btnGet" value="Get Selected Text Value" />

    $(function () {

        $("#btnGet").click(function () {

            var selectedValue = $("favcolor").val();

            alert("Selected Value:" Value: "+ selectedValue);

        });

    });

</script>

Happy Coding :)

MindStick Training