マンガでよめる痔のこと・薬のこと

現状では、テスト1を選んだときだけテキストを出すことはできるのですが、どうしても2行表示するという事ができません。
テスト1を選択した時だけ2行表示し、テスト1以外を選択した時は非表示にするにはどうすればよいのでしょうか。

<html>
<head>
<title>テスト</title>
<script type="text/javascript" language="JavaScript">

<!--
function showthis(sel) {
var value = sel.options[sel.selectedIndex].value;
if(value == "test1"){
if(document.getElementById){
if(document.getElementById(value).style.display == "block"){
document.getElementById(value).style.display = "none";
}else{
document.getElementById(value).style.display = "block";
}
}
}
else if(value != "test1"){
if(document.getElementById){
document.getElementById("test1").style.display = "none";
}
}
}
// -->
</script>
</head>
<body>

<table border="1" width="367">
<tr>
<td width="134">
<form>
<select onchange="showthis(this)">
<option selected="selected">選んでください</option>
<option value="test1">テスト1</option>
<option value="test2">テスト2</option>
<option value="test3">テスト3</option>
</select>
</form>
</td>

<td width="217">
<p>テスト</p>
</td>
</tr>

<tr>
<td width="134">
<p></p>
</td>
<td width="217">
<p></p>
</td>
</tr>
</table>

<div id="test1" style="display:none;">
(本来はここに2行追加したい)
</div>
</body>
</html>

このQ&Aに関連する最新のQ&A

A 回答 (2件)

要するに、テーブルに行の追加・削除したいということだったら


参考URLが参考になるかと思います。
表示・非表示の線では、
<tr id="test1" style="display:none">
とか
<tfoot id="test1" style="display:none">
でIEの場合はうまく行きましたが、FireFoxの場合うまくいきませんでしたので、行の追加・削除でやるのがいいかと思います。

参考URL:http://okwave.jp/kotaeru.php3?qid=1797452
    • good
    • 0
この回答へのお礼

ありがとうございます。おかげで実装する事ができました。

お礼日時:2005/12/22 01:49

拝見しました。


質問の2行という意味がわかりませんが、
単純にコメントの部分に2行記述すればいいのではないですか?

2行という具体的な提示をして頂ければ回答もできるかと思います。

この回答への補足

ありがとうございます。2行というのは、初期表示されている表の下に行を2行追加表示させたいという事です。
ただ、下記のように記述しても、上手く動作しません。
<div id="test1" style="display:none;">
<tr>
<td width="134">
<p></p>
</td>
<td width="217">
<p></p>
</td>
</tr>
</div>

補足日時:2005/12/18 21:59
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング