jquery - 根据选择值显示/隐藏 div

Question

我想要一个下拉选择菜单来根据值显示文本框:

var showDiv = function(goal){  
    var count = 1;  
    $('.myDIV').each(function(){  
    if(count <= goal){  
    $(this).show().nextAll('.group').hide()  
    }  

        count = count +1  
    });  
};  

var goal = $('#mySelect').val();  
showDiv(goal)  

$('#mySelect').change(function(){  

       showDiv($(this).val())   
});  

我正在尝试，但它不起作用，这里是 - http://jsfiddle.net/jdveR/

我想要的是；

如果选择1；显示 1 个分区如果选择2；显示 1 和 2 div如果选择3；显示 1、2 和 3 div 就是这样。

非常感谢任何帮助。谢谢

Answer 1

您可以使用 :lt() 选择器。您不需要首先迭代元素。

这将根据 div 的索引选择 div。

var showDiv = function (goal) {
    $('.myDIV').hide();
    $('.myDIV:lt(' + goal + ')').show();
};

$('#mySelect').change(function () {
    showDiv($(this).val())
}).change();

<强> Check Fiddle