使用jquery只顯示當前選項的形式

Question

我對jquery很新。

這裏是我的代碼

<script> 
$(document).ready(function(){ 
    $('#bashing_title').change(function(){ 
     if($(this).val() == 1) 
     $('#1').show(); 
     else if($(this).val() == 2) 
     $('#2').show(); 
     else if($(this).val() == 3) 
     $('#3').show(); 
     else if($(this).val() == 4) 
     $('#4').show(); 
     else if($(this).val() == 5) 
     $('#5').show(); 
     else if($(this).val() == 6) 
     $('#6').show(); 
     else if($(this).val() == 7) 
     $('#7').show(); 
     else if($(this).val() == 8) 
     $('#8').show(); 
     else if($(this).val() == 9) 
     $('#9').show(); 

     else 
     $('#1').hide(); 
    }); 
}); 

</script> 

我所試圖做的是，如果該值是1它顯示了一個特定的文本框，如果2，然後另一個等等。但是，如果用戶首先選擇了值爲1的選項，並且用戶稍後選擇了2，則不會隱藏。

如何隱藏於前值，只表明是curretly選擇

Answer 1

給你的所有輸入一個類的值，可以縮短代碼如下（Example類的名字是：selectInput

$('#bashing_title').change(function(){ 
    $(".selectInput").hide(); 
    $("#"+this.value).show(); 
}); 

HTML的輸入（遵循這種風格）

<input type="text" id="1" class="selectInput"/> 

Answer 2

我認爲這應該爲你工作。

$('#bashing_title').change(function(){ 
    var selectvalue = $('#bashing_title').find(":selected").val(); 
    $('#'+selectvalue).show(); 
    });