Posts
This is how my HTML looks
Here is the HTML and JS
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#selectedCountries").change(function () {
var selectedOption = $("#selectedCountries option:selected");
$(divResults).html('Value = ' + selectedOption.val() + ",Text = " + selectedOption.text());
});
});
</script>
</head>
<body>
Country :
<select id="selectedCountries">
<option value="USA">United States</option>
<option value="India">India</option>
<option value="UK">United Kingdom</option>
<option value="CA">Canada</option>
<option value="AU">Australia</option>
</select>
<br/><br/>
<div id="divResults">
</div>
</body>
</html>
Results : If dropdown is selected, it will show its value and text as follows
See demo here : https://jsfiddle.net/tdL2L9nj/1/
No comments:
Post a Comment