jquery - 如何从所选选项中显示许多隐藏的选择框

Question

如果我从选择框中选择一个选项，则应该显示更多选择框，例如给出所选索引。我希望你能理解我。

var $heidi = $('#add_select label');

$('#children').change(function(){
  var  $select = this.selectedIndex;

  $heidi.fadeOut('3000');

  $('#add_select label:gt($select)').fadeIn('3000');//why dont this work?

 }).trigger('change');

谢谢你的帮助！

Answer 1

在显示所需内容之前，您需要隐藏所有<select>s ：

var $hideSelect = $('#add_select .chld-bx');
$hideSelect.hide();
$('#children').change(function () {
    $hideSelect.hide();
    var $select = this.selectedIndex;
    $hideSelect.filter(':lt(' + $select + ')').fadeIn("slow");
});

演示：http: //jsfiddle.net/hungerpain/CqD9r/8/