1

我有这三个选择：

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

用户应该只选择这 5 个options values（性别、年龄、日期、年龄、日期）中的一个

我正在使用这个：

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

但这仅给了我 first 的值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();
    });
});
4

2 回答 2

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

小提琴

于 2012-12-18T15:51:55.873 回答
0

一样容易：

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/

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

而要获得收音机的价值，几乎是一样的。只需使用以下内容来获取每个值：

$("#the_id_of_your_form input[name='the_name_of_your_radio']:checked").val();
于 2012-12-18T16:00:58.260 回答