A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
大きく二つ
一つはDOMで都度行を作成する。こちらの方がきれいにかけて
汎用性も高いのだけど、知識が必要なので今回はパス
もう一つは最初かくしておいて、セレクトを選ぶたびにで表示する。
余分なデータをおくらないように多少工夫が必要です。
こんな感じで・・・
<script>
window.onload=function(){display_row(document.getElementById("s0").value);}
function display_row(num){
var tags=document.getElementById("t0").getElementsByTagName("tbody")[0].getElementsByTagName("tr");
for(var i=0;i<tags.length;i++){
var inps=tags[i].getElementsByTagName("input");
var flg=(i>=parseInt(num));
tags[i].className=flg?"hide":"";
for(var j=0;j<inps.length;j++){
inps[j].disabled=flg;
}
}
}
</script>
<style>
.hide{display:none;}
</style>
<form>
<p>
<select id="s0" onchange="display_row(this.value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</p>
<table border id="t0">
<thead>
<tr><td>num</td><td>data</td></tr>
</thead>
<tbody>
<tr><td>1</td><td><input type="text" name="hoge[1]" /></td></tr>
<tr class="hide"><td>2</td><td><input type="text" name="hoge[2]" /></td></tr>
<tr class="hide"><td>3</td><td><input type="text" name="hoge[3]" /></td></tr>
<tr class="hide"><td>4</td><td><input type="text" name="hoge[4]" /></td></tr>
<tr class="hide"><td>5</td><td><input type="text" name="hoge[5]" /></td></tr>
<tr class="hide"><td>6</td><td><input type="text" name="hoge[6]" /></td></tr>
<tr class="hide"><td>7</td><td><input type="text" name="hoge[7]" /></td></tr>
<tr class="hide"><td>8</td><td><input type="text" name="hoge[8]" /></td></tr>
<tr class="hide"><td>9</td><td><input type="text" name="hoge[9]" /></td></tr>
<tr class="hide"><td>10</td><td><input type="text" name="hoge[10]" /></td></tr>
</tbody>
</table>
<p>
<input type="submit" value="send" />
</p>
</form>
この回答へのお礼
お礼日時:2009/04/09 18:46
さっそくの回答ありがとうございます。
作成中のページに入れ込んでみたところ、なんとか動作しました!
これを元に、いろいろ付け加えていこうと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) ユーザー定義について質問です。 2 2023/06/28 13:21
- Excel(エクセル) VLOOKUP が機能しない、その原因は何 ? 8 2022/10/19 12:06
- Excel(エクセル) エクセルの数式で教えてください。 1 2022/10/25 09:26
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/02/02 10:20
- Excel(エクセル) Excelで質問です。 詳細(写真) ①黄色の部分を全てプルダウンを設定する。 ②リストはG列 ③リ 1 2023/06/16 21:54
- Excel(エクセル) Excel VBAプルダウンの値を変えながら2枚ずつ印刷する方法? 4 2022/05/27 13:04
- Excel(エクセル) Excelのプルダウンメニューの内容を人によって可変する方法 2 2023/03/28 14:52
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2022/04/01 12:11
- Excel(エクセル) EXCEL ActiveX コマンドボタンで実行する前にいったんmsgBoxで確認を求めたい 1 2022/07/06 19:41
- Excel(エクセル) エクセルについて教えてください。 2 2023/06/14 11:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルで複数行をまとめて非...
-
Excelで作ったhtmlファイルのサ...
-
JavaScript 保守性の高いコード...
-
img sec = ""の取得に失敗したとき
-
月間予定表の作り方
-
プルダウンで選択した値によっ...
-
ボタン無しでフォーム内容送信
-
ひ孫に当たるiframe から親ウイ...
-
C言語クイックソートの比較総回...
-
onchangeイベントを強制的に発...
-
EXCEL VBA:IEの操作であるラジ...
-
テキストボックスのグレーアウト
-
fileUploadオブジェクトへの値...
-
クイズ作成:15個の問題から5個...
-
Javascript IEで「識別子があり...
-
イベント発生時に入力待ち状態...
-
テキストエリアをクリックした...
-
名前と名字をそれぞれ比較して...
-
VBSでブラウザ上のテキストボッ...
-
メールフォーム:「必須項目」...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ハイパーリンクを別ウインドウ...
-
プルダウンで選択すると、DBの...
-
一覧から選択した行の行番号を...
-
tableの任意行にfocusをあてる
-
特定<table>内の<td>の色を変える
-
JavaScriptで特定のtdタグにcla...
-
至急!GetElementById でtdの...
-
マウスをブラウザの外に出した...
-
【UWSC】HTML内のある部分を抽...
-
スクロールバーの表示位置を変...
-
クリックされた罫表セルの行番...
-
テーブルの変数について
-
動的なtableの値を取得したい
-
特定の文字列を挿入
-
テーブル内に表示されている数...
-
javascript クリックすると、あ...
-
テーブルの項目の値取得
-
javascriptで質問です。 displa...
-
Tablesorteを2行一組でソートする
-
jspでのArrayListの値の表示
おすすめ情報