如何从选定的选项中显示一些隐藏的选择框

如果我从选择框中选择一个选项，那么应该显示选定的框如选定的索引。我希望你能理解我。如何从选定的选项中显示一些隐藏的选择框

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');

谢谢你的帮忙！

来源

2013-07-06 Alpinerock

'$（ '＃add_select标签：GT（' + $选择+ '）'） ' - 你错过了'$ select'周围的引号，并且需要'触发''change'事件 – krishgopinath

嗨，好吧，但是如果有人改变选项两次或更多次，只会显示更大的值，它不会从头开始计数。我必须做什么？谢谢！ – Alpinerock

你能为这个@ jsfiddle.net做一个小提琴吗？它会更快地解决问题 – krishgopinath

你需要隐藏所有<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/

来源

2013-07-09 21:01:04 krishgopinath

如何从选定的选项中显示一些隐藏的选择框

回答

相关问题