javascript - 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後で選択した場合、そのオプションは非表示になりません。

前の値を非表示にして、現在選択されている値のみを表示する方法