Question

需要更新此脚本http://jsfiddle.net/Nazaret2005/e8vBf/以使用3个选择步骤。现在只使用2 ...需要像

- step 1      -step 2      -step 3
  -1  ------>  -1  ------>  -1
  -2           -2           -2
  -3           -3           -3

感谢

Answer 1

试试这个

$('#Main').change(function () {
    var val = $('#Main').val();
    $('.Subselect').hide();
    if (val) {
        $('#Next' + val).show();
    }
});
$('.Subselect').change(function () {
    var subSel = $(this).val();
    $(".lastSel").hide();
    $("#"+subSel).show();
});

使用此方法您可以拥有所需的下拉列表:)

DEMO http://jsfiddle.net/e8vBf/11/

Answer 2

http://jsfiddle.net/jFIT/e8vBf/3/

$('#NextUSA').change(function () {
    var val = $('#NextUSA').val();
    $('#LosAngeles').hide();
    if (val == "Los Angeles") {
        $('#LosAngeles').show();

    }
});

Answer 3

这样做：

$(document).ready(function () {
    $('#Main').change(function () {
        var val = $('#Main').val();
        $('.Subselect').hide();
        if (val) {

            $('#Next' + val).show();

        }
    });

    $('select.Subselect').change(function(){

    var id = this.id;
    var val = $(this).val();


      $('select.Subselect#'+val).show();

    });
});

点击此处：http://jsfiddle.net/e8vBf/4/

jQuery <select>需要3个步骤才能正确</select>

3 个答案: