1

値に基づいてテキストボックスを表示するドロップダウン選択メニューが必要です。

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 div を表示 2 を選択した場合。1 と 2 の div を表示 3 を選択した場合。show 1、2、3 div はそのようになります。

どんな助けでも本当に感謝しています。ありがとう

4

3 に答える 3

0

データをデザインとは別に保持したい場合は、div に追加data-goal="x"して、javascript を次のように変更してみてください。

HTML:

<div class="myDIV" id="div1" data-goal="1">Div1</div>  
<div class="myDIV" id="div2" data-goal="2">Div2</div>  
<div class="myDIV" id="div3" data-goal="3">Div3</div>  
<div class="myDIV" id="div4" data-goal="4">Div4</div>  
<div class="myDIV" id="div5" data-goal="5">Div5</div>

Javascript

var showDiv = function(goal){  
    $('.myDIV').hide().each(function(){
      if( $(this).attr('data-goal') <= goal )
         $(this).show();
    });
};  

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

$('#mySelect').change(function(){  
       showDiv($(this).val())   
});
于 2013-06-18T08:21:23.350 に答える