※ ChatGPTを利用し、要約された質問です（原文：ifで<TR>を段落ごと消す・表示切り替えをしたいんですが…）
ifで<TR>を段落ごと消す・表示切り替えをしたいんですが…
このQ&Aのポイント
画面上でif文を使用して、指定した条件に基づいて<TR>タグを含む要素を非表示にしたり表示させる方法について質問です。
質問者はdocument.form1.test1.style.display = "none";が正しく動作しないと考えています。
質問者は詳細な動作確認を行い、解決策を見つけることができませんでした。
ifで<TR>を段落ごと消す・表示切り替えをしたいんですが…
ifに持ってきた数字で<TR>を段落ごと消す表示切り替えをしたいんですが上手くいきません
document.form1.test1.style.display = "none";のところがおかしいとは思ってるんですが…
昨夜からあれこれやってみたけどもう駄目＞＜
どなたかお時間のある方がいらっしゃいましたら教えてください
http://kissho.xii.jp/1/src/1jyou57340.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja-JP">
<HEAD><TITLE>表示切り替えテスト</TITLE>
<SCRIPT TYPE="text/javascript">
<!--
function kirikae(){
var test_in = document.form1.test_in.options[document.form1.test_in.selectedIndex].value;
if (test_in == "1") {
document.form1.test1.style.display = "none"; //ここがおかしいとは思うんですが
document.form1.test2_2.style.display = "inline";}
else if (test_in == "2") {
document.form1.test2_2.style.display = "none";
document.form1.test1.style.display = "inline";}
else {
document.form1.test2_2.style.display = "inline";
document.form1.test1.style.display = "inline";}
}
</SCRIPT>
</HEAD><BODY><FORM NAME="form1"><TABLE border="1">
<TR id="test1">
<TD>
test1
</Td>
</Tr>
<TR id="test2">
<TD>
test2
<input type="text" size="10" id="test2_2">
</Td>
</Tr>
<TR>
<TD>
<SELECT NAME="test_in" onChange="kirikae()">
<OPTION VALUE="0">0
<OPTION VALUE="1">1 test1をTRの段落ごと消す(ようにしたいんだけど消えない)
<OPTION VALUE="2">2 test2のテキストエリアを消す
</SELECT>
</Td></Tr>
</TABLE></FORM></BODY></HTML>
お礼
ありがとうございます。上手くいきました。よかった～