如何在jQuery中获取选择框选项值

Question

如果我有这样的代码，如何在jQuery中获取选项选择框的值，

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

当我为变更事件编码时，

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

它给了我media1 ， media2 ， media3而不是1, 2, 3

如何获得值1,2,3？

Answer 1

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

这里id是选择框的id。 我相信它会100％有效。

如果您想要选择文本，请使用以下文本：

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

Answer 2

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

这应该按照你想要的方式工作。

Answer 3

试试这个，

jQuery(document).ready(function() {

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

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

    });

});

Answer 4

确保你使用最新的jquery，因为它的工作正常

http://jsfiddle.net/Hayhv/

检查它给出选项的价值

Answer 5

我这样做了，

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

在脚本中：

$(function(){

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

Answer 6

使用此代码：

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

Answer 7

使用类而不是像这样的id ..

<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 8

我已经测试了你的代码，它的工作对我来说还可以确保id #media从其他控件重复。 因为它的配置和获取值从上次找到html控件