Question

我有这三个选择：

<div id ="Xcombos" class = "styled-select">
  <select id="combopie" class="Xcombo" style="display:none;">
    <option value="gender">Gender</option>
    <option value="age">Age</option>
  </select>
  <select id="combobar" class="Xcombo" style="display:none;">
    <option value="date">Date</option>
    <option value="age">Age</option>
  </select>
  <select id="comboline" class="Xcombo" style="display:none;">
    <option value="date">Date</option>
  </select>
</div>

用户应该只选择其中一个options values（性别，年龄，日期，年龄，日期）

我正在使用它：

var Xcombo_values = $('#Xcombos .Xcombo').val()

但这只给了我第一个select的值。

如何获取所选选项的值？

干杯

更新：

无线电：

<input type="radio" name="tipo" id="pie" value="pie" /><label for="pie">
<input type="radio" name="tipo" id="bar" value="bar" /><label for="bar">
<input type="radio" name="tipo" id="line" value="line" /><label for="line">

$(function () {
    $('input[type=\'radio\']').click(function () {
        $('select.Xcombo').hide();
        $('#combo' + $(this).attr('id')).show();
    });
});

Answer 1

$(function () {
    $('input[type="radio"]').on('click', function () {
        $('select.Xcombo').hide();
        var comboSelected = $('[name="tipo"]').filter(':checked').val();
        $('#combo' + comboSelected).show();
    });
});

FIDDLE

Answer 2

一样简单：

var selected = $('#combopie option:selected').val();

你可以在这个小提琴中玩它：

http://jsfiddle.net/EnWvN/

修改

如果你想检索每个选择的选定选项：

var select_values = [], sel_val; $('.Xcombo').each(function () { sel_val = $(this).children(':selected').val(); select_values.push(sel_val); });

http://jsfiddle.net/EnWvN/4/

（在示例中，我将代码绑定到change事件。与您相关的是触发的内容，而不是如何触发）

为了获得收音机的价值，几乎是一样的。只需使用以下内容即可获得每个值：

$("#the_id_of_your_form input[name='the_name_of_your_radio']:checked").val();

使用jQuery选择所选的组合框

2 个答案: