How to get <select> options either (value or text) using jQuery

Question

Hello,

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 how 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.

Answer 1

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>

Answer 2

Try this:

$('#select_box_id').change(function(){
   alert($(this).val());
 });

Answer 3

Doesn't get much easier than this. Is also already optimized for speed

$("select#list").change(function() {
    alert($("> option:selected", this).text());
});

Answer 4

Thanks to Sarfraz Ahmed

but u mistakenly forgot to add # ie:

$('#select_box_id').change(function(){
    alert($(this).text());
});

again thanks Yar..