如何使用jquery从select中获取值

时间:2014-04-26 11:02:08

标签: jquery

首选此示例,以便您更好地回答

<select id="cmbfotos" onchange="aplicarFoto()">
    <option value="gokussj3.jpg">Value 1</option>
    <option value="gokussj4.jpg">Value 2</option>
    <option value="gohanssj2.jpg">Value 3</option>
    <option value="gotenks.jpg">Value 4</option>
    <option value="krilin.jpg">Value 5</option>
</select> 

在上面的例子中。当我选择两个值,如Value1和value2这两个值我需要 所以我该怎样才能得到它。

我不需要像&#34; gokussj3.jpg&#34;但价值1

如果有什么想法和我分享.....

4 个答案:

答案 0 :(得分:2)

访问选项,按:selected进行过滤,然后获取.text()

Fiddle

$('#cmbfotos option:selected').text();

答案 1 :(得分:1)

您应该使用jquery .change()进行select onchange事件,:selected选择所有选中的元素,.text()从元素中获取文本。试试这个:

$("#cmbfotos").change(function(){
    var text = $(this).find("option:selected").text();
    alert(text);
});

<强> DEMO

答案 2 :(得分:1)

$('#cmbfotos option:selected').text(); ////is for text and
    $('#cmbfotos option:selected').val() ///is for value;

答案 3 :(得分:1)

根据您的要求使用此解决方案

//用于选择

中的多个选择
 $('#cmbfotos  option').each(function() 
    {
        if($(this).val() == 'gokussj3.jpg') 
        {
            $(this).prop("selected", true);
        }
    });

//从下拉列表中选择值

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

//从下拉列表中选择值更加容易

$( "select.foo" ).val();

//从选中的复选框中获取值

$( "input:checkbox:checked" ).val();

//从一组单选按钮中获取值

$( "input:radio[name=bar]:checked" ).val();