
ある画面(formnn10.jsp)データベースから読込んだ抜粋データをテーブルに出力し、該当する情報を1件選択(パラメータ化)してsubmitボタンで次画面(formn11.jsp)へ送り、再度データベースを読み込み詳細の表示を行う処理を構築中です。
現在、選択はラジオボタンをループで作成し、valueでパラメータを与えています。
この値の一部をJavascriptで取り出し、ダイアログへ選択の確認メッセージとして表示したいのですが、'document.formnn10.parm_No.valueはNull又はオブジェクトではありません'とのエラーメッセージが表示されます。(parm_Noがラジオボタンのnameです。)
デバッグを行わず、次画面formnn11に処理が移ると選択情報の詳細は表示される為、javascriptでの値の取り出し方が問題の様なのですが…。
formnn10.jspのテーブル表示部分のコーディングは次の通りです。
<% for(int j=0;ichiran2[j][0]!=null;j++){
out.println("<tr>")
out.print(" <td align=\"center\">");
out.print("<INPUT type=\"radio\" name=\"parm_No\" value=\""+wkparm_No+"\>");
out.print("</td>")
out.println("</tr>")
javascript側のコーディングは次の通りです。
wkname = document.formnn10.parm_No.value.substring(8);
こんな感じです。ここに未表示のファイル名他の不一致についてはとりあえず無さそうです(手打ちしているので誤打鍵御容赦)
現在はラジオボタン+submitの形式で選択していますが、現行の方法に固執する必要は無く変更可能です。
各行の横で対象指定を行い、Javascriptで値を拾い(ダイアログに表示出来)、formnn11.jspでparm_Noとして値を受取るにはどうすれば良いでしょうか。
No.2ベストアンサー
- 回答日時:
ラジオボタンは、Javascriptでformに対してnameで取ると
各ラジオボタン(同じname)の配列(Array)で返されるようです。
ただし、ラジオボタンが1つだと、要素が1つの配列ではなく
ラジオボタンそのものが返されるようです。
私のよくやる手は、別途hiddenを作る方法です。
まず、ラジオボタン(formに対してnameで取ったもの)を引数に
選択されたvalueを返すfunction、指定したvalueのラジオボタンを
checkedにするfunctionなどを、共通的に作っておきます。
そして、別途作ったhiddenのvalueにラジオボタンで選択された
valueを入れたり、逆にhiddenのvalueをラジオボタンに反映する
といった動きを、submit時、onLoad時にJavascriptでやります。
そして、Servletと結びつけるのはhiddenの方にします。
ラジオボタンの選択されたvalueを送るサンプルです。
(動作確認はしてません)
--------------
<form method="POST" action="formnn11.jsp" onSubmit="copyRadioToHidden(this)">
<%
for(int j = 0 ; ichiran2[j][0] != null ; j++) {
%>
<input type="radio" name="parm_No_Radio" value="<%= j %>">
<%
}
%>
<input type="hidden"parm_No" value="">
<input type="submit">
</form>
--------------
function copyRadioToHidden(form) {
// ラジオボタンの選択されたvalueをhiddenにコピー
form.parm_No.value = getRadioValue(form.parm_No_Radio);
}
function getRadioValue(radio) {
if(radio.length) {
// ラジオボタンが複数個
for(var i = 0 ; i < radio.length ; i++) {
if(radio[i].checked == true) {
return radio[i].value;
}
}
}
else if(radio.value) {
// ラジオボタンが1個
return radio.value;
}
else {
// ラジオボタンがない
return "";
}
}
丁寧な説明迄有難う御座いました。
授受しなければならないパラメータを増やしたく無い
(後々の理解楽そうな)ので、今回はこちらの方法を使わせて頂きます。
有難う御座いました。
No.1
- 回答日時:
javascript側で
ボタン選択回数分ループで回して
チェックされた値を受け取ってからJSPに渡すと
いいと思います。
参考URL:http://www.openspc2.org/reibun/javascript/form/0 …
この回答への補足
字面を読んでしっくり来てなかったのですが、リンクを見て(最初気付いてませんでした、すいません)納得しました。
checkedと値の取り出しを分けて行うという事ですね。一度組み込んで見ます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
ラジオボタンを使って、検索ペ...
-
ラジオボタンにチェックを入れ...
-
javascript作成してます。ラジ...
-
ラジオボタン未チェックの場合...
-
チェックボックスとテキストフ...
-
ラジオボタンのチェック数に応...
-
ラジオボタンの分岐方法に関して
-
データベースの値を判断してラ...
-
フォームPOST後「戻る」時のチ...
-
return trueとreturn falseの用...
-
プルダウン選択を変更すると、...
-
【jQuery】input nameの文字列...
-
JavaScriptで特定のtdタグにcla...
-
Selectボックスの幅を自動で広...
-
プルダウン 項目が多いので先頭...
-
confirmのOK・キャンセルを押し...
-
フォーム内で記入したクエリ送...
-
[JavaScript]document.myForm~...
-
背景色を変えて未入力チェック...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンでdisabledとchecked
-
Jvasvriptのlengthで個数が取得...
-
データベースの値を判断してラ...
-
ラジオボタンのvalueとlabelの...
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンでチェックした項...
-
if をいくつか重ねたら実行して...
-
javascriptからラジオボタンへ...
-
ラジオボタンでの動的項目の変...
-
ラジオボタンのリセット方法
-
JavaScript ラジオボタン デ...
-
js radioボタンの「name」を多...
-
jQueryで複数のラジオボタンを処理
-
チェックボックスとテキストボ...
-
jQueryを使った診断チェックシート
-
javascriptを使ってラジオボタ...
-
ラジオボタンのValueを受け取り...
おすすめ情報