Javascript 使用jQuery选择所选组合框

我有以下三个选择：

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

但这只给出了第一个选择的值

如何获取所选选项的值

干杯

更新：

电台：

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

简单到：

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

你可以用这把小提琴演奏：

编辑

如果要检索每个选项的选定选项，请执行以下操作：

var select_values = [],
    sel_val;

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

在本例中，我将代码绑定到变更事件。与你相关的是什么被解雇，而不是如何被解雇

而要得到一台收音机的价值，几乎是一样的。只需使用以下各项即可获得每个值：

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

---

$Xcombos.Xcombo option.val？@ExplosionPills，不，它不起作用，它一直选择相同的第一个选项，genderWell，下一个选项没有被选中，所以你希望它如何工作。它们也是隐藏的，因此您需要首先显示下拉列表，以便选择其他内容，然后将函数绑定到更改事件等。如果您没有任何其他逻辑来阻止用户选择多个选项，代码应该如何决定使用哪一个？@adeneo更新了我的代码这似乎有点问题，鼠标悬停或单击似乎有点混淆IM使用您的代码，但它不起作用…我需要一个变量来存储选定的选项值，例如：comboSelected=age@user1148875-编辑答案以使用变量，因为我不确定你的意思是什么？只需获取正确值的代码：$'combo'+comboSelected.val但我的选择不仅仅是combopie。是的，但是检索每个选项的所选选项的方法是相同的。剩下的只是收集你想要的信息。我会更新答案。看看，没用吗？如果你希望人们将来继续帮助你，你应该选择正确的答案。

var select_values = [],
    sel_val;

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

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