Getting selected value using Jquery

Stephen Forlance
Stephen Forlance used Ask the Experts™
on
Hi all, I have this simple form which triggers a jquery function when a change happens, but how can I get the actual selectedindex value?


<html>
	<head>
	<script
  src="https://code.jquery.com/jquery-3.2.1.js"
  integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
  crossorigin="anonymous"></script>
	<script>
$(document).ready(function() {
  $('#form select').change(function() {

    //var strChosen = $(this).attr('id');
    var strChosen = $(this).attr('id');
   
    alert(strChosen);
  });
});
		</script>	
	</head>
	
	
	<body>
		
		<form id="form">
			
<div><p>			Question 1: Name</p>
<input type="textfield" name="name" id="name">
</div>

<div> Question 2: Pet Type
	
	<select id="pet">
		<option value=""></option>
		<option value="Dog">Dog</option>
		<option value="Cat">Cat</option>
	</select>
	
</div>


<div> Question 3: Dog Breed
	
	<select id="breed" name="breed">
				<option value=""></option>
		<option value="Bernese">Bernese</option>
		<option value="American Cocker Spaniel">American Cocker Spaniel</option>
	</select>
</div>

<div> Question 4: Cat Breed
	
	<select id="catbreed">
				<option value=""></option>
		<option value="Black and White">Black and White</option>
		<option value="Tabby">Tabby</option>
	</select>
</div>
		</form>
	</body>
</html>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
The selected value can be obtained using the .val() method on the select
 $('#form select').change(function() {
   alert($(this).val());
  });

Open in new window

Author

Commented:
Thank you!
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
You are welcome.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial