how to get drop down selected value in jQuery

Question

Prakash nidhi Verma · Answer

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();and $('#dropDownId :selected').text(); // currently selected text
Ex:and  Select color:and andlt;select id="favcolor"andgt;
and  and  andlt;option value=""andgt;andlt;/optionandgt;
and  and  andlt;option value="1"andgt;Redandlt;/optionandgt;
and  and  andlt;option value="2"andgt;Blueandlt;/optionandgt;
and  and  andlt;option value="3"andgt;Blackandlt;/optionandgt;
andlt;/selectandgt;
and  and  andlt;input type="button" id = "btnGet" value="Get Selected Text Value" /andgt;
and  and  $(function () {
and  and  and  and  $("#btnGet").click(function () {
and  and  and  and  and  and  var selectedValue = $("favcolor").val();
and  and  and  and  and  and  alert("Selected Value:" Value: "+ selectedValue);
and  and  and  and  });
and  and  });
andlt;/scriptandgt;
Happy Coding :)

forum

how to get drop down selected value in jQuery

Anonymous User

Can you answer this question?

1 Answers

Liked By