如何僅使用一個函數鏈接我的表單？

Question

我需要創建一個帶有許多選擇標籤的表單，並且在每個選擇標籤中，另一個選擇將打開，並在此選擇另一個，另一個，另一個選擇標籤，直到表單結束。

我現在有這個http://jsfiddle.net/8SZ5n/1/，但它不是通用的，我需要在每個選擇中調用此函數。

<script type="text/javascript"> 
$(function() { 
    $('.select').change(function(){ 
     if ($(this).val() == "1") { 
      $('.divR1').show(); 
      $('.divR2').hide(); 

     }else if($(this).val() == "2"){ 
      $('.divR2').show(); 
      $('.divR1').hide(); 
     } 

     else { 
      $('.divR1').hide(); 
      $('.divR2').hide(); 
     } 
    }); 
}); 
</script> 

<div id="div1"> 
    <select class="select" autocomplete="off"> 
     <option value="#" checked>Escolha</option> 
     <option value="1">Sim</option> 
     <option value="2">Não</option> 
    </select> 

    <div class="divR1" style="display:none"> 
     1 
     <select autocomplete="off"> 
      <option value="#" checked>Escolha</option> 
      <option value="1">Sim</option> 
      <option value="2">Não</option> 
     </select> 
    </div> 

    <div class="divR2" style="display:none"> 
     2 
     <select autocomplete="off"> 
      <option value="#" checked>Escolha</option> 
      <option value="1"></option> 
      <option value="2"></option> 
     </select> 
    </div> 
</div> 

Answer 1

http://jsfiddle.net/8SZ5n/5/

$(function() { 
    $(".select").change(function() { 
     var next = $('option', this).filter(':selected').attr('next'); 
     $($(this).attr('hide')).hide(); 
     if (next != undefined) { 
      $(next).show(); 
     } 
    }); 
}); 

Answer 2

$(function() { 
    $(".select").change(function() { 
     var id = $(this).val(); 
     $(".selectDiv").hide(); 
     $(".divR" + id).show(); 
    }); 
}); 

我補充說： 「selectDiv」 級到所有相關的申報單;此外，「DivR中」應該是一個ID螞蟻不是一類，如果它是唯一的;）

編輯jsFiddle

Answer 3

好了，你沒有明確定義的形式結束的話，這裏有一個例子保持下去，直到你希望它:)

JSFiddle

$(function() { 
    $('select').change(handler); 
}); 

function handler() { 
    var x = $(this); 
    if (x.val() != '#') { 
     var div = $('<div>').append(x.val()); 
     x.parent().append(div); 
     var select = $('<select>') 
      .attr('autocomplete', 'off') 
      .change(handler) 
      .append($('<option>').attr('value', '#').append('Escolha')) 
      .append($('<option>').attr('value', '1').append('Sim')) 
      .append($('<option>').attr('value', '2').append('Não')); 
     div.append(select); 
    } else { 
     x.siblings().remove(); 
    } 
}