ここに私のコードです。私は基本的なJavaScriptプログラミングがないので、親切に私を助けてください。最初のドロップダウンリストからユーザーを選択しないと、2番目の要素とボタンは表示されませんでした。ボタンが表示されなかったため、選択が送信できませんでした。ユーザーが最初のドロップダウンリストからOTHERSを選択すると、2番目の要素とボタンが表示または表示されます。これを引き起こしているのは何ですか?最初の要素で最初のデバッグで2番目の要素が同時に表示されませんでした
<html>
<head>
<title></title>
<script>
function checkchange() {
if (document.getElementById('favouritecolour').value == 'OTHERS') {
document.getElementById('other').style.display='block';
} else {
document.getElementById('other').style.display='none';
}
};
function check() {
if (document.getElementById('pets').value == 'OTHERS') {
document.getElementById('besides').style.display='block';
} else {
document.getElementById('besides').style.display='none';
}
};
</script>
</head>
<body>
<select id='favouritecolour' onChange='checkchange()'>
<option value='BLUE'>BLUE</option>
<option value='RED'>RED</option>
<option value='OTHERS'>OTHERS</option>
</select>
<div id='other' style="display: none">
<input type='text' placeholder="FILL IN"/><br/>
<select id='pets' onChange='check()'>
<option value='DOG'>DOG</option>
<option value='RABBIT'>RABBIT</option>
<option value='OTHERS'>OTHERS</option>
</select>
<div id='besides' style="display: none">
<input type='text' placeholder="FILL IN"/>
<input type="submit" name="SUBMIT" />
</div>
</body>
</html>
EHMを非表示にする必要があります...私は非常にあなたの質問が何であるかを得ることはありませんか?私はこれを試して、それは働いているようだ? –
それは働いています。しかし、最初の実行ではドロップダウンとボタン要素の両方が表示されるか、コードをデバッグする必要があります。一つ一つ目に見えるようです。 –