1

私はこれらの3つの選択をしました：

<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(性別、年齢、日付、年齢、日付)のうち 1 つだけを選択する必要があります。

私はこれを使用していました：

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();
    });
});
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 に答える