11

如果我有这样的代码,如何在 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?

4

8 回答 8

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

Here id is the id of a select box. I'm sure it will work 100%.

If you want selected text use this one:

$("#id option:selected").text();
于 2013-07-05T11:45:26.467 回答
7
$('#media').change(function(){
alert($(this).val());
});

这应该按照您希望的方式工作。

于 2012-09-19T06:38:50.527 回答
3

尝试这个,

jQuery(document).ready(function() {

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

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

    });

});
于 2015-12-19T05:20:22.530 回答
2

make sure you use latest jquery because its working fine

http://jsfiddle.net/Hayhv/

check it give value of option

于 2012-09-19T06:31:19.050 回答
2

我这样做了,

<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());
    });
});
于 2014-01-10T05:35:50.727 回答
1

像这样使用类而不是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;
    }); 
}); 
于 2012-09-19T07:08:45.757 回答
1

使用此代码:

$('#media').change(function(){
    alert($('#media :selected').val());// or $('#media').val();        
});​
于 2012-09-19T06:36:40.340 回答
0

我已经测试了您的代码并且它的工作正常,请确保 id #media 确实从其他控件重复。因为它的配置和从最后找到的 html 控件中获取值

于 2012-09-19T06:39:41.480 回答