jquery - 入力が無効になった後、以前に挿入したテキストを削除するにはどうすればよいですか?

Question

それぞれ異なる質問を表示する 2 つのオプションがあります。ユーザーが土壇場でオプションを変更することを決定した場合。オプション 1 内のすべての入力は、オプション 2を非表示にして表示します。

しかし、最後にオプションを変更することにした場合、オプション 1 からすべての入力テキストを削除して無効にし、オプション 2 に進む必要があります。

入力を異なる名前/IDで切り替えようとしましたが、オプション1からオプション2に変更した後、それらを無効にしようとしました.しかし、終了後に電子メールに送信されると、両方のオプションが表示されます.

これは、オプションからの入力を無効にするコードです

オプション 1 を選択してからオプション 2 を選択すると、オプション 1 のすべての質問が無効になりますが、テキストが削除されたり、無効になったりすることはありません。

HTML コード オプション 1 & 2

<select id='dropdown'>
<option value="1">Pet questions</option>
<option value="2">Income questions</option>
</select>

オプション 1 に対する HTML コードの質問と回答

How many dogs do you have? <input type="text" class="textInput1" />
How many cats do you have? <input type="text" class="textInput1" />
Do you like dogs more or cats? <input type="text" class="textInput1" />

オプション 2 に対する HTML コードの質問と回答

How many dogs do you have? <input type="text" class="textInput2" />
How many cats do you have? <input type="text" class="textInput2" />
Do you like dogs more or cats? <input type="text" class="textInput2" />

jQuery コード

$('#dropdown').change(function() {
if( $(this).val() == 1) {
    $('.textInput1').prop( "disabled", false );
} else {       
    $('.textInput1').prop( "disabled", true );
}
if( $(this).val() == 2) {
    $('.textInput2').prop( "disabled", false );
} else {       
    $('.textInput2').prop( "disabled", true );
}
});

私が知りたいのは、このコード内で、入力テキストを削除するオプションを無効にすると同時に、どのように適合させることができるかということです。