Stephen Forlance
asked on
Getting selected value using Jquery
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>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You are welcome.
ASKER