JavaScript変数値をJSPへ渡す方法
- JavaScriptの変数値をJSPへ渡す方法はありますか？
- テキスト項目からJavaScriptで値を取得し、JSPの変数Stringへ格納する方法を教えてください。
- 以下のコードでは、テキスト項目から値を取得しています。 この値をJSPの変数に格納するにはどうすればよいですか？
- ベストアンサー
javascriptの変数値をjspへ渡す方法？
下記の方法で、テキスト項目から、javascriptで値を取得できました。 この値を、jspの変数Stringへ格納するには、 どうすればよいでしょうか？ <%= "<script type=\"text/javascript\" charset=\"UTF-8\">" %> <%= "target = document.getElementById(\"outaddress1\");" %> <%= "target.innerText = document.forms.zip_form.address1.value;" %> <%= "target = document.getElementById(\"outaddress2\");" %> <%= "target.innerText = document.forms.zip_form.address2.value;" %> <%= "target = document.getElementById(\"outaddress3\");" %> <%= "target.innerText = document.forms.zip_form.address3.value;" %> <%= "</script>" %>
- longucumber0519
- お礼率64% (34/53)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
jsp詳しくないですが、jspはJavaServer Pageの文字の如くサーバで動きます。 javascriptはクライアント（ブラウザ）で動きます。 値をやりとりするには以下のサイトにあるようなフォーム送信に関する知識が基本として必要です。 ここではjavascriptは必要ありません。 https://ssl.aiosl-tec.co.jp/java-start/chap08.html 発展してjavascriptで行うこともでき、実現するにはajaxという知識が必要になります。
関連するQ&A
- JSP & JavaScriptに関して
Strutsのフレームワークを用いて開発を行っています。 JSPに以下のことを記述して、<bean:write・・・と記述してある部分に変更がかかった場合(JavaScriptでdocument.getElementById("××").innerText=値 として、値を埋め込みます）も、元の値に戻したいと思っています。 .jspファイルに記載↓ <body onload="getOldData(document)"> <input type=hidden name="old_××" value ="" > <bean:write name="○○" property="××" /> <html:hidden name="○○" property="××" /> <input type="reset" value="クリア" onclick="getReset(document);"> .jsファイルに記載↓ //画面を開いた時の値をold_××にセットしておく function getOldData(doc) { doc.getElementById("old_××").value = doc.getElementById("id_××").innerText; } //変更がかかったinnerTextを画面表示時に戻す function getReset(doc) { doc.getElementById("id_××").innerText = doc.getElementById("old_××").value; } このように設定すると、"クリア"ボタンを1回押す分には、画面表示時の状態に戻すことができるのですが、2回目を押すと、doc.getElementById("old_××").valueの値がとってこれなくなります。なぜ1回目は思った処理が行われて2回目以降は"old_××"の値がとってこれなくなるのかわかりません。 大変困っています。分かる方がいらっしゃいましたら、ご教授ください。 OS:Win XP
- ベストアンサー
- Java
- javascriptで、イベントが発生しない
下記ソースで、address1をクリップボードから貼り付けても、 function changeaddress1() がよばれないのは、 なぜでしょか？ また、からなず、呼ばれるイベントはありますでしょか？ ****************************************************************** <html xmlns="http://www.w3.org/1999/xhtml" pageEncoding="UTF-8"> <head> <script type="text/javascript" charset="UTF-8"> function changeaddress1() { var strAddress1 = document.zip_form.address1.value; document.write("strAddress1:"+strAddress1); } </script> </head> <body> <form action="./" id="zip_form" method="post"> <input type="text" id="address1" name="address1" onChange="changeaddress1()> </form> </body> </html>
- ベストアンサー
- JavaScript
- JSPでonKeyイベントを強制実行したい
JSPで下記で困っています。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script> </head> <body> <form action="./" method="post"> <input type="hidden" name="zip"" value="032345" onChange="AjaxZip3.zip2addr('zip','','address1');"><br> <input type="text" name="address1" size="60"> </form> </body> </html> <% // 1.onChageイベントを強制的に発行させたい。 // 2.address1の値をStringに取り込みたい。 %>
- ベストアンサー
- JavaScript
- jspからjavascriptの変数引継ぎ
jspでデータベースからデータを取ってきて格納した配列をjavascriptでも同じように変数として扱いたいのですがどうすればいいでしょうか？ javascriptによってオンマウス時に枠がポップアップし、javascript内で設定した文字を枠内に表示しようとしているため、jspからデータを引き継ぎたいのです。 jspではtitleとhonbunは配列で <form name="form_title"> <input type="hidden" name=title value="<%= title %>" > </form> <form name="form_honbun"> <input type="hidden" name=honbun value="<%= honbun %>" > </form> このように名前をつけ、javascriptでは var taitoru[]= document.form_title.title.value; var honbun[]= document.form_honbun.honbun.value; このように変数に代入しています jsp側ではSPANでオンマウス時にjavascriptを呼び出し、javascriptでは文字が配列のhonbun[0]等をポップアップした枠の中で表示させるようにさせたいのですが 枠そのものがポップアップしません 上記のjavascriptでの変数への代入部分をコメントアウトすると、枠自体は表示されます 配列を丸ごとjavascriptで配列に代入できないのであれば、1データずつ引き継ぐという方法でもいいのですが、どのようにjavascript側で代入すればいいのでしょうか？
- 締切済み
- JavaScript
- JavaScript表示切替の問題
ボタンを押すたびに、こんにちはとこんばんはが切り替わるようにしたいのですが、 切り替わりません。なぜかわかる方がいたら教えて頂けると助かります。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> </head> <body> <div id="1">こんにちは</div> <input type="button" value="切替" onclick="func_switch()"> <script language="javascript" type="text/javascript"> function func_switch(){ if(document.getElementById(1).innerHTML="こんにちは"){ document.getElementById(1).innerHTML="こんばんは"; } else{ document.getElementById(1).innerHTML="こんばんは"; } } </script> </body> </html>
- ベストアンサー
- JavaScript
- jspでjavascript関数へ引数を渡す方法
最近Webアプリの勉強をし始めたばかりの初心者です。 今、jspでjavascript関数へ引数を渡す方法がうまくいかず困っています。 以下はjspファイルの該当部分の抜粋です。 やりたいこととしては、画面上で参照ボタンを押したときに、"reference"という文字列を 一度javascript関数を介してサーブレットへ渡すということです。 <head> <script type="text/javascript"> <!-- function func(param){ alert(); document.getElementById("param").name = param; } // --> </script> </head> <form action="/tomcat_test/servlet/hello" method="POST"> <input type="hidden" name="param" id="param"> <input type="button" value="参照" onclick=<%= "func('reference')" %>/> </form> いろいろ調べてみたのですが、なかなかうまくいかずに困っています。 そもそも、参照ボタンを押してもonclickがうまく動いていないようで、 まずその問題を解決したいです。 onclickタグの使い方を間違っているのでしょうか。 よろしくお願い致します。
- ベストアンサー
- Java
- javascript・JSP関連
理解できないことがあったので質問させていただきます。 javascriptで定義した変数をJSPに返すことはできますか？ 例えば、 JSPで <select name="" id="aaa" onchange="bbb();"> javascriptで function bbb(){ var ccc = document.getElementById('aaa'); ddd = ccc.options[ccc.selectedIndex].value; //選択された項目の値を取得する } dddの変数をJSTL(標準タグライブラリ)の <c:set var="eee" value="ココに返す"> みたいなことは、できませんでしょうか？ かなり簡潔に書いてしまいましたが、 ご理解して頂いた方は解答・返答の程、よろしくお願いします。
- ベストアンサー
- JavaScript
- javascriptの変数の渡し方
ラジオボタンで選択した値によって表示するテーブルを変えるフォームを作っています。 AAAは入力ボックスが1つ BBBは入力ボックスが2つ 同じphpへ送信して、入力ボックスへデータは入るのですが、javascriptの値を渡すことが出来ません。 BBBでsubmit後、BBBの入力ボックスを表示することは出来ますでしょうか。 <? echo "<form method=post action=?>"; echo "<input type=radio name='user' onclick='change_user(this.value)' uid='user' value=1"; if($user==1){ echo " checked"; } echo ">AAA"; echo "<input type=radio name='user' onclick='change_user(this.value)' uid='user' value=2"; if($user==2){ echo " checked"; } echo ">BBB"; echo "<br>"; echo "<span id=inner>"; echo "<table>"; echo "<tr>"; echo "<td>AAAのフォーム</td>"; echo "<td><input name=form1 type=text value=$form1></td>"; echo "</tr>"; echo "</table>"; echo "</span>"; echo "<span id=outer>"; echo "<table>"; echo "<tr>"; echo "<td>BBBのフォーム</td>"; echo "<td><input name=form1 type=text value=$form1></td>"; echo "<td><input name=form2 type=text value=$form2></td>"; echo "</tr>"; echo "</table>"; echo "</span>"; echo "<br>"; echo "<input type=submit value=submit>"; echo "</form>"; ?> <script language='javascript'> var inner = document.getElementById('inner'); var outer = document.getElementById('outer'); function change_user (uid) { if (uid == '2') { inner.style.display = 'none'; outer.style.display = ''; } else { inner.style.display = ''; outer.style.display = 'none'; } } change_user(document.getElementById('user').value); </script>
- ベストアンサー
- PHP
- javascriptでログインページの作成
JSPを作成しているのですが、javascirpt構文の方が 多いため、こちらで質問をさせて頂きます。 javascript, html で ログインページを作成しています。 <%@ page contentType="text/html;charset=Shift_JIS" %> <script type="text/javascript" language="javascript"><!-- function Submit(name,pass,f){ if(name == null){ document.getElementBy(f).action="http://www.yahoo.co.jp"; document.getElementById(f).submit(); }else{ document.getElementById(f).action="http://www.google.co.jp"; document.getElementById(f).submit(); } } //--></script> <form action="login.jsp" method="post" NAME="f1"> <table border="1" width="30%"> <tr> <td>ユーザーID:</td> <td><input type="text" name="admin" size="25" value=""></td> </tr> <tr> <td>パスワード:</td> <td><input type="password" password="password" value=""></td> </tr> </table> <%--- これが悪いのかも!? --- %> <% String name = request.getParameter("name"); String password= request.getParameter("password"); %> <input type="submit" value="ログイン" onClick="Submit('name','password','f1');"> </form> </body> </html> ログインボタンをクリックして、name,password,f1(formの名前）を function のSubmitに値を渡したいのですが、nullが渡されてしまいます。 テキストボックスで入力された値を渡したいのですが、 javascript,htmlの知識が乏しいため、どこがおかしいのかわかりません。 もしわかる方が居ましたら、よろしくお願いたします。
- ベストアンサー
- JavaScript
- JavascriptからURLを表示させるには
はじめまして デザインを担当していてJavascriptはよくわからないのですが、、、 Javascriptで function shop(tenpoNo, tantouNo) { document.getElementById("tenpo_no").value = tenpoNo; document.getElementById("tenpo_tantou").value = tantouNo; document.getElementById("post_pattern").value = "init"; document.shop_form.action = "http://***.jp/shop.php"; document.shop_form.target = "_self"; document.shop_form.submit(); } というのがあって (tenpoNo, tantouNo) は わかっているので URLとして http://***.jp/shop.php？(tenpoNo, tantouNo) という風に 入力したら目的のページにアクセス出来るようにしたいのですが どのようにすれば出来ますでしょうか？ ちなみに Javascriptで稼働しているページのリンクにマウスを置くと Javascript:shop（"01","003"）のようになります。 ご多忙のところ恐縮ですが ご教授をお待ちしております。。。
- ベストアンサー
- JavaScript
お礼
書き込みありがとうございます。 別の方から、別のところで、ご回答があり、 簡単に実現できました。 やっぱり、技術力のある人とそうでない人とは、いるんですね。