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

如果我有这样的代码，如何在jQuery中获取option select box的值

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

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

---

如何获取值1、2、3？

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

勾选它，给出选项的值使用此代码：

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

---

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

我已经测试了您的代码，它可以正常工作。请确保在其他控件中重复关于id介质的操作。因为它的config和get value from last find html控件

像这样使用class而不是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;
    }); 
}); 

此处id是选择框的id。我相信它会100%起作用

如果要选择文本，请使用此文本：

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

我这样做了,

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

试试这个

jQuery(document).ready(function() {

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

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

    });

});

---

您的代码应该按原样工作。为什么用jQueryAjax标记这个问题？是否有更多代码或上下文未显示？请确认，此代码在您希望传递此链接时起作用。请在“如果”条件下使用此代码$选项[value='1'].attr'selected'，'selected'；。你会得到确切的价值，这就是OP已经拥有的东西，不是吗？除非在发出警报之前未将值存储在变量中。选项：selected不是必需的。。。jQuery也支持$id.val。

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

<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());
    });
});

jQuery(document).ready(function() {

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

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

    });

});