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

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/

如何从所选选项中显示多个隐藏的选择框

1 个答案: