次のコードがコンテンツの div 内に 2 つの div を非表示にしない理由がわかりません。誰かが私のコードをチェックできますか? コードは以下の div を隠しません。ありがとう
OK、これが私の編集したコードです。ロードを初期化すると、両方のフォームが選択タイプの下に表示されます。ディーラー/顧客を選択すると、正しいフォームが表示され、タイプを選択すると、いずれかを選択した後に何も表示されません。最初にすべてを非表示にするにはどうすればよいですか? ありがとう
<div id="contentArea">
<form action="xxxxx.php" method="post" onsubmit="return checkStuff();" enctype="multipart/form-data">
Warranty Registration Type:<br/>
<select id="select">
<option value ="#blank">Select Type</option>
<option value ="#dealerform">Dealer</option>
<option value ="#customerform">Customer</option>
</select>
<br/>
<br/>
<div id="dealerform">
Dealer Name: <input type="text" name="dealername"> <br/>
Dealer Address: <input type="text" name="dealeradd"> <br>
</div>
<div id="customerform">
First Name: <input type="text" name="firstname"> <br>
Last Name: <input type="text" name="lastname"> <br>
</div>
<script>
$(document).ready(function(){
$('#select').change(function(){
$('#dealerform,#customerform').hide();
$($(this).find('option:selected').attr('value')).show();
});
});
</script>