※データベースで登録したデータが※
画面上に表示されており、1件1件にラジオボタンがあります。
そのラジオボタンにチェックを入れると、
チェックが入っている1件のみのデータが、
(※ボタンを押さずに※)配置しているテキストボックスに反映されるようにしたいと考えています。
<JSP>------------------
名前 : [テキストボックス]
住所 : [テキストボックス]
誕生日 : [プルダウン]年[プルダウン]月[プルダウン]日
『登録ボタン(submit)』 (←サーブレットを呼ぶ)
◆結果◆
(上記に入力したデータが、データベースに登録され、そのデータが全件出力されている↓)
(<table>のイメージ)
名前 住所 誕生日
○ AAA 福岡県 1989/12/24
○ BBB 東京都 1999/11/1
○ CCC 北海道 1980/1/2
↑
ラジオボタン
○ AAA 福岡県 1989/12/24
↑がチェックされたとする。
JSP上部の[テキストボックス]にそれぞれのデータが入る。(↓イメージ)
名前 : [AAA]
住所 : [福岡県]
誕生日 : [1989]年[12]月[24]日
『登録ボタン』
どなたかご教授お願いいたします。
No.2ベストアンサー
- 回答日時:
ざっとこんなかんじ
<script>
try{
document.addEventListener('click',function(e){func(e)},true);
}catch(e){
document.attachEvent('onclick',function(e){func(e)});
}
function func(e){
var t = (e.srcElement || e.target);
if(t.nodeName=="INPUT" && t.type=="radio" && t.name=="selection"){
var p=t.parentNode;
while(p.nodeName!="TR"){
p=p.parentNode;
}
var n=p.getElementsByTagName("input");
for(var i=0;i<n.length;i++){
switch(n[i].name){
case "name":
document.getElementById("name").value=n[i].value;
break;
case "address":
document.getElementById("address").value=n[i].value;
break;
case "birth":
var b=n[i].value.split("/");
var y=document.getElementById("year");
for(var j=0;j<y.options.length;j++){
if(y.options[j].value==b[0]){
y.selectedIndex=j;
break;
}
}
var m=document.getElementById("month");
for(var j=0;j<m.options.length;j++){
if(m.options[j].value==b[1]){
m.selectedIndex=j;
break;
}
}
var d=document.getElementById("day");
for(var j=0;j<d.options.length;j++){
if(d.options[j].value==b[2]){
d.selectedIndex=j;
break;
}
}
break;
}
}
}
}
</script>
<form>
<table>
<tbody>
<tr>
<td>名前 :</td>
<td><input type="text" name="name" id="name"></td>
</tr>
<tr>
<td>住所 :</td>
<td><input type="text" name="addess" id="address"></td>
</tr>
<tr>
<td>誕生日 :</td>
<td>
<select name="year" id="year">
<option value="1900">1900</option>
・・・
<option value="2008">2008</option>
<option value="2009">2009</option>
</select>年
<select name="month" id="month">
<option value="1">01</option>
<option value="2">02</option>
・・・
<option value="12">12</option>
</select>月
<select name="day" id="day">
<option value="1">01</option>
<option value="2">02</option>
・・・
<option value="31">31</option>
</select>日
</td>
</tr>
</form>
<form>
<table>
<thead>
<tr>
<th></th>
<th>名前</th>
<th>住所</th>
<th>誕生日</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="radio" name="selection"></td>
<td><input type="text" name="name" value="AAA"></td>
<td><input type="text" name="address" value="福岡県"></td>
<td><input type="text" name="birth" value="1989/12/24"></td>
</tr>
<tr>
<td><input type="radio" name="selection"></td>
<td><input type="text" name="name" value="BBB"></td>
<td><input type="text" name="address" value="東京都"></td>
<td><input type="text" name="birth" value="1999/11/1"></td>
</tr>
<tr>
<td><input type="radio" name="selection"></td>
<td><input type="text" name="name" value="CCC"></td>
<td><input type="text" name="address" value="北海道"></td>
<td><input type="text" name="birth" value="1980/1/2"></td>
</tr>
</tbody>
</table>
</form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
history.backの前に値をクリア...
-
画面表示とともにtableの指定の...
-
jQueryでテーブル行の表示・非表示
-
ボタンクリックでフォーカス移動
-
localStorageでのcheckbox制御
-
JavaScriptの「.querySelectorA...
-
入力チェックの外部スクリプト...
-
JavaScriptでIEの自動ログイン...
-
プルダウン 項目が多いので先頭...
-
return trueとreturn falseの用...
-
value内に変数を入れたい
-
ラジオボタンのチェックが外れ...
-
<input>の選択肢をプルダウンメ...
-
特定<table>内の<td>の色を変える
-
Selectボックスの幅を自動で広...
-
submitした値を返したい
-
Visual Studioのデザインでの非...
-
jQuery セレクトボックスで選択...
-
VBSでブラウザ上のテキストボッ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
JavaScriptの「.querySelectorA...
-
formで項目を連結したい
-
Formのシリアライズができない
-
画面表示とともにtableの指定の...
-
文字数を数える際に空白、改行...
-
クリックしたラジオボタンの行...
-
ラジオボタンを一括で操作する...
-
画面の2重起動をチェックする...
-
ラジオボタンとテキストボック...
-
Javascriptの電卓で最初の何も...
-
入力チェックの外部スクリプト...
-
JavaScriptによる自動計算フォーム
-
複数のselect値で1つも選択され...
-
javascriptで表(テーブル)の自...
-
jQueryで合計を出したい
-
localStorageでのcheckbox制御
-
JavaScriptで、コピーボタンを...
-
Javascriptで自動的に計算する...
-
WEBフォーム(asp)から画像デ...
おすすめ情報