Como llegar seleccione el valor de la opción de caja en jQuery

Question

Cómo obtener el valor de la opción de caja de selección en jQuery si tengo el código como este,

<select id='media' name='media'> 
    <option value='1'>media1</option> 
    <option value='2'>media2</option> 
    <option value='3'>media3</option> 
</select> 

Cuando código para el evento de cambio,

$(document).ready(function() 
{ 
    $("#media").change(function() 
    { 
     var id=$(this).val(); 
     var dataString = 'id='+ id; 
     alert(id); return false; 
    }); 
}); 

me da media1, media2, en lugar de media31, 2, 3

Cómo obtener el valor de 1, 2, 3?

Answer 1

Asegúrese de que utiliza la última jQuery porque su funcionamiento muy bien

http://jsfiddle.net/Hayhv/

comprobar que dan valor de opción

Answer 2

uso este código:

$('#media').change(function(){ 
    alert($('#media :selected').val());// or $('#media').val();   
});​ 

Answer 3

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

esto debería funcionar la forma en que lo desees debería.

Answer 4

He probado su código y funciona bien para mí, asegúrese de que id #media repita desde otro control. Debido a su configuración y obtener el valor del control html último hallazgo

Answer 5

Uso clase en lugar de Identificación como esto ..

<select class='media' name='media'> 
    <option value='1'>media1</option> 
    <option value='2'>media2</option> 
    <option value='3'>media3</option> 
</select> 

$(document).ready(function(){ 
    $(".media").live("change",function(){ 
     var id = $(this).val(); 
     var dataString = 'id='+ id; 
     alert(id); return false; 
    }); 
}); 

Answer 6

$("#id option:selected").val(); 

Aquí id es el id de un cuadro de selección. Estoy seguro de que funcionará al 100%.

Si desea utilizar el texto seleccionado éste:

$("#id option:selected").text(); 

Answer 7

lo hacía,

<select id='coprede' name='cop_rede'> 
<option value='1'>Cop Rio de Janeiro</option> 
    <option value='2'>Cop Nordeste</option> 
    <option value='3'>Cop Vitoria</option> 
    <option value='4'>Cluster Norte</option> 
    <option value='5'>Cluster Centro Oeste</option> 
</select> 

dentro del script:

$(function(){ 

$('#coprede').change(function(){ 
    alert($('#coprede :selected').val()); 
    }); 
}); 

Answer 8

probar esto,

jQuery(document).ready(function() { 

    jQuery('#media').change(function(e) { 

     var id = $(this,':selected').val(); 
     alert(id); 

    }); 

});