How to get <select> options either (value or text) using jQuery
i have a code for
<select id='list'>
<option value='1'>Option A</option>
<option value='2'>Option B</option>
<option value='3'>Option C</option>
</select>
and i want that ho开发者_高级运维w ever i select any option, it will show in an alert message. i have try
<script type='text/javascript'>
//var value = $("#list option[value=2]").text();
//var value = $("#list option:selected").text();
//var value = $('#list').val();
var value = $(this).val();
alert(value);
</script>
but fail.
Thanks to Sarfraz Ahmed
but u mistakenly forgot to add # ie:
$('#select_box_id').change(function(){
alert($(this).text());
});
again thanks Yar..
Add the name attribute to the select tag.
Example:
<script type="text/javascript">
$(document).ready(function() {
$("#list").change(function() {
var k = $("#list option[value=" + $(this).val() +"]").text();
alert(k);
});
});
</script>
HTML
<select id="list" name="list">
<option value="1">Option A</option>
<option value="2">Option B</option>
<option value="3">Option C</option>
</select>
Doesn't get much easier than this. Is also already optimized for speed
$("select#list").change(function() {
alert($("> option:selected", this).text());
});
Try this:
$('#select_box_id').change(function(){
alert($(this).val());
});
精彩评论