如何從選定的選項中顯示一些隱藏的選擇框

如果我從選擇框中選擇一個選項，那麼應該顯示選定的框如選定的索引。我希望你能理解我。如何從選定的選項中顯示一些隱藏的選擇框

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

如何從選定的選項中顯示一些隱藏的選擇框

回答

相關問題