こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

テキストのデフォルト非表示に関して

テキストのデフォルト非表示に関して

以下のように、プルダウンの選択によってテキストの表示、非表示をjavascriptを使って
コントロールしようとしていまいすが、そもそもデフォルトでテキストを非表示にしたい場合は
どのように記述すれば良いでしょうか。。。

初歩的な質問で申し訳ありません。

よろしくお願いします。

《内容》

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function ChangeSelection(form, selection) {

if (selection.value=="休み") {
document.getElementById("text_note").style.display = "block";
}else if (selection.value=="出張") {
document.getElementById("text_note").style.display = "block";
}else {
document.getElementById("text_note").style.display = "none";
}

}
</SCRIPT>

</HEAD>
<BODY>
<FORM NAME="fm_a" ACTION="koudou_update2.php" METHOD="POST">
<TD NOWRAP SIZE="30"><input name="text_note" style="width:100%" VALUE=$out_goto></input></TD>
<TD><select name="am_note" ONCHANGE="ChangeSelection(this.form, this)" style="width:145px;">
<option value=""></option>
<option value="自席" style="background-color:#FFFFFF; color:#3366FF" $sqlline1>自席</option>
<option value="離席" style="background-color:#3366FF; color:#FFFFFF" $sqlline2>離席</option>
<option value="帰宅" style="background-color:#FFFFFF; color:#3366FF" $sqlline3>帰宅</option>
<option value="午前休暇" style="background-color:#3366FF; color:#FFFFFF" $sqlline4>午前休暇</option>
<option value="午後休暇" style="background-color:#FFFFFF; color:#3366FF" $sqlline5>午後休暇</option>
<option value="休み" style="background-color:#3366FF; color:#FFFFFF" $sqlline5>休み</option>
<option value="出張" style="background-color:#3366FF; color:#FFFFFF" $sqlline13>出張</option>
</select></TD>
</FORM>
</BODY>

投稿日時 - 2010-08-11 11:51:55

QNo.6101902

すぐに回答ほしいです

質問者が選んだベストアンサー

それにtext_noteはnameなのでgetElementByIdじゃ動かないのでは?

<script type="text/javascript">

function ChangeSelection(form, selection) {

var text_note = form.elements["text_note"];

if (selection.value=="休み" || selection.value=="出張") {
text_note.style.display = "block";
}else{
text_note.style.display = "none";
}

}
</script>
</head>
<body>
<FORM NAME="fm_a" ACTION="koudou_update2.php" METHOD="POST">
<TD NOWRAP SIZE="30"><input name="text_note" style="width:100%;display:none;" VALUE="$out_goto"></input></TD>
<TD><select name="am_note" ONCHANGE="ChangeSelection(this.form, this)" style="width:145px;">
<option value=""></option>
<option value="自席" style="background-color:#FFFFFF; color:#3366FF" $sqlline1>自席</option>
<option value="離席" style="background-color:#3366FF; color:#FFFFFF" $sqlline2>離席</option>
<option value="帰宅" style="background-color:#FFFFFF; color:#3366FF" $sqlline3>帰宅</option>
<option value="午前休暇" style="background-color:#3366FF; color:#FFFFFF" $sqlline4>午前休暇</option>
<option value="午後休暇" style="background-color:#FFFFFF; color:#3366FF" $sqlline5>午後休暇</option>
<option value="休み" style="background-color:#3366FF; color:#FFFFFF" $sqlline5>休み</option>
<option value="出張" style="background-color:#3366FF; color:#FFFFFF" $sqlline13>出張</option>
</select></TD>
</FORM>
</body>
</html>

投稿日時 - 2010-08-11 15:13:48

お礼

ありがとうございました! 知識不足で申し訳ありません。 とても参考になりました!!

投稿日時 - 2010-08-11 17:38:12

ANo.2

このQ&Aは役に立ちましたか?

2人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

最初から

<input name="text_note" style="width:100%;display:none;" VALUE=$out_goto>

としておくだけじゃないの

投稿日時 - 2010-08-11 14:39:16

お礼

ありがとうございました! ご指示通り記述したところ、問題なく動作しました。

投稿日時 - 2010-08-11 17:37:33

あなたにオススメの質問