Form Selected option (input:selected)
In this chapter you will learn:
Description and Syntax
$(":selected")
selects all form elements (effectively, <option>
elements) that are currently selected.
Examples
The following outputs the selected values.
<html><!-- j a v a 2s.c o m-->
<head>
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text() + " ";
});
$("div").text(str);
})
.trigger('change');
});
</script>
</head>
<body>
<body>
<select name="garden" multiple="multiple">
<option>A</option>
<option selected="selected">B</option>
<option>C</option>
<option selected="selected">D</option>
<option>E</option>
<option>F</option>
</select>
<div></div>
</body>
</html>
Next chapter...
What you will learn in the next chapter: