forum

Home / DeveloperSection / Forums / how to get drop down selected value in jQuery

Ask Question

how to get drop down selected value in jQuery

Anonymous User 836 18-Jun-2018

how to get drop down selected value in jQuery

jquery jquery 
Updated on 18-Jun-2018
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Prakash nidhi Verma

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 :)

Liked By