いつもお世話になります。
見よう見まねでやっている超初心者です。
下記の様なテーブル(phpで読み込んでいますので実際は動的です。)
の回答ボタンをクリックすると
テーブル下の<INPUT type="text" name="kotae">に
ボタンをクリックされた行のb列の値を入れたいと思っています。
function kaito()をどのように書いたら取得できるか悩んでいます。
初心者なもので具体的な回答でしたら助かります。
ご教授の程どうぞよろしくお願い致します。
<html>
<head>
<meta content="text/html; charset=utf-8" />
<script>
</script>
</head>
<body>
<table width="100" border="1">
<tr>
<th width="30" scope="col">a</th>
<th width="30" scope="col">b</th>
<th width="40" scope="col">c</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td><input type="button" value="回答" onclick="kaito()"/></td>
</tr>
<tr>
<td>5</td><td>3</td>
<td><input type="button" value="回答" onclick="kaito()"/></td>
</tr>
<tr>
<td>5</td> <td>4</td>
<td><input type="button" value="回答" onclick="kaito()"/></td>
</tr>
<tr>
<td>5</td> <td>5</td>
<td><input type="button" value="回答" onclick="kaito()"/></td>
</tr>
</table>
<INPUT type="text" name="kotae" size="12" >
</body>
</html>
No.1ベストアンサー
- 回答日時:
inputはformに入れ子にしてください
こんな感じで・・・
<script>
function kaito(obj){
var v=obj.parentNode.parentNode.cells[obj.parentNode.cellIndex -1].innerHTML;
obj.form.elements["kotae"].value=v;
}
</script>
<form>
<table width="100" border="1">
<tr>
<th width="30" scope="col">a</th>
<th width="30" scope="col">b</th>
<th width="40" scope="col">c</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td><input type="button" value="回答" onclick="kaito(this)"/></td>
</tr>
<tr>
<td>5</td><td>3</td>
<td><input type="button" value="回答" onclick="kaito(this)"/></td>
</tr>
<tr>
<td>5</td> <td>4</td>
<td><input type="button" value="回答" onclick="kaito(this)"/></td>
</tr>
<tr>
<td>5</td> <td>5</td>
<td><input type="button" value="回答" onclick="kaito(this)"/></td>
</tr>
</table>
<INPUT type="text" name="kotae" size="12" >
</form>
できました!
理想のご回答ありがとうございます。
自分では到底考えられませんでした。
もっと勉強しなくてはいけませんね。
このボタンには他にも外部jabascriptを使っていたので
出来ればkaito()に付け足したかったのです。
kaito(\"$col[aaa]\",\"$col[bbb]\",this)と付け足したら
うまく行きました。
具体的な回答を頂いて大変助かりました。
恩に着ます。
本当にありがとうございました。
又何かありましたら是非よろしくお願い致します。
No.2
- 回答日時:
てーぶるは、 form ようそでかこんでください。
input についている、onclick="kaito()"は、さくじょしてください。
したのこーどの、ぜんかくくうはくは、はんかくにしてください。
IE8いかは、かんべんしてください。
ばぶりんぐするいべんとは、おやでかんしできるよ。
function getTr (n) {
return n ? ('TR' === n.nodeName) ? n: arguments.callee (n.parentNode) : null;
}
function kaito (event) {
var e = event.target;
var r;
if (('INPUT' !== e.nodeName) ||
('button' !== e.type) ||
('回答' !== e.value)) return;
if (r = getTr (e))
e.form.elements['kotae'].value = r.cells[1].textContent;
}
document.addEventListener ('click', kaito, false);
ご回答ありがとうございます。
これでもいけるんですね。
ただ、これだと私の知識不足で
buttonのkaito()に外部javascript
どうしたら呼び出せられるのか解りませんでした。
実はkaito()には他の外部javascriptもあったので、
出来ればに付け足したかったのです。
頂いたご回答は私には到底考えられないものです。
具体的な回答を頂いて大変感謝いたします。
これを解析できるようもっと勉強しなくてはいけませんね。
本当にありがとうございました。
又何かありましたら是非よろしくお願い致します
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
マウスをブラウザの外に出した...
-
一覧から選択した行の行番号を...
-
【UWSC】HTML内のある部分を抽...
-
プルダウンで選択すると、DBの...
-
チェックボックスにチェックが...
-
\\u30ad\\u30fc\\u30dc・・・と...
-
JavaScriptでテーブルをクリッ...
-
JavaScriptで特定のtdタグにcla...
-
階層式メニューをtableタグ内に
-
jQuery.eachの使い方について教...
-
クリックされた罫表セルの行番...
-
特定<table>内の<td>の色を変える
-
tableの任意行にfocusをあてる
-
テーブルで複数行をまとめて非...
-
スクロールバーの表示位置を変...
-
かなりなお願い!!野球部のス...
-
return trueとreturn falseの用...
-
Selectの中身をfor文で入れる
-
プルダウン選択を変更すると、...
-
onClickとsubmitの処理順序
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ハイパーリンクを別ウインドウ...
-
マウスをブラウザの外に出した...
-
JavaScriptで特定のtdタグにcla...
-
特定<table>内の<td>の色を変える
-
一覧から選択した行の行番号を...
-
tableの任意行にfocusをあてる
-
プルダウンで選択すると、DBの...
-
至急!GetElementById でtdの...
-
【UWSC】HTML内のある部分を抽...
-
javascript クリックすると、あ...
-
jsで質問です。 displayプロパ...
-
javascriptで質問です。 displa...
-
クリックされた罫表セルの行番...
-
テーブルの変数について
-
別ページからOnclickでテーブル...
-
スクロールバーの表示位置を変...
-
JavaScriptでテーブルをクリッ...
-
Selenium.ChromeDriverの使い方...
-
Excelで作ったhtmlファイルのサ...
-
チェックボックスにチェックが...
おすすめ情報