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側で代入すればいいのでしょうか?
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
あまり上手い説明はできませんが・・・
JSPはサーバ側、JavaScriptはクライアント側。
考え方として、JSPと一緒にJavaScriptが動くのではなく、JSPでJavaScriptの“コード”を作成する。
JavaScriptの変数にJSPの値を入れるには、JSPで「var a = 0」のようなJavaScriptコードを作成する。この時の 0 がJSPの変数値の場合、クライアント側にもJSPの値でJavaScriptが実行される。
最近、JavaもJavaScriptも触っていないので、細かな書式が不正かもしれませんが、以下をサンプル程度にどうぞ。
文字列の例
var title = "<%= title %>";
文字列配列の例
var title = new Array(<%
for (int i = 0; i < title.length; i++ ) {
if ( i != 0 ) {
out.print(",");
}
out.print("\"" + title + "\"");
}
%>);
数値データの場合はダブルクォーテーションは不要など調整はいる
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教えるわが家の防犯対策術!
ホームセキュリティのプロが、家庭の防犯対策を真剣に考える 2組のご夫婦へ実際の防犯対策術をご紹介!どうすれば家と家族を守れるのかを教えます!
-
Javascriptの値をJava(JSP)へ渡す方法
Java
-
JSPの処理の途中で、JavaScriptの処理をしたい
JavaScript
-
javaScriptの変数をJavaの変数に代入する。
JavaScript
-
-
4
strutsを使用したjspでjavascript関数へ引数を渡す方法
Java
-
5
jsp~jspにhiddenを使って変数を飛ばしたい
JavaScript
-
6
JSPとJavaScriptの連携について教えて下さい
JavaScript
-
7
フォーム上で押されたボタンによってサーブレットの処理を変えたい
Java
-
8
servletからjspへオブジェクトの配列情報を送る方法
Java
-
9
value内に変数を入れたい
JavaScript
-
10
jspでjavascript関数へ引数を渡す方法
Java
-
11
jspからServletを呼び、元のjspページに戻るにはどうしたらよいですか?
Java
-
12
JavaScriptの変数をjavaのメソッドの引数に渡す
JavaScript
-
13
JSPやサーブレットでSystem.out.println()などでコンソールに出力できますでしょうか?
Java
-
14
ServletからServletへの値渡し
Java
-
15
JavascriptからJSPファイル(~.jsp)を起動する時、引数
JavaScript
-
16
JSPのNULLレコード表示について教えて下さい。
Java
-
17
オブジェクトの中のプロパティを認識できません
Java
-
18
javascriptからjavaを呼び出したい
JavaScript
-
19
<input type=hidden" >で配列(複数の要素)を渡したいとき?"
PHP
-
20
JSPでリンクを利用してパラメータを次画面に渡す方法について。
Java
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
同じIDで定義した要素の配列を...
-
jspからjavascriptの変数引継ぎ
-
C#テキストボックスの文字を配...
-
javascriptからphpに配列データ...
-
総当りの配列を返す関数の作成
-
JavaScriptで簡単なクイズを作...
-
バナーのランダム表示(複数、...
-
javascriptで入力フォームに日...
-
配列変数に重複のないランダム...
-
2次元連想配列配列の使用方法
-
二次元配列を使って順位をだす...
-
[JS] childNodesを置き換える
-
Boolean型配列中のTrueの有無を...
-
idを使わずにonclickで自身の要...
-
google apps scriptの終了のさせ方
-
Linux バイナリ実行できない "...
-
functionから別のfunctionを実...
-
DOM要素を削除しても、イベント...
-
innerHTML実行後のイベント
-
【Tabキー】特定の範囲内だけで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
同じIDで定義した要素の配列を...
-
C#テキストボックスの文字を配...
-
jspからjavascriptの変数引継ぎ
-
javascript 変数名の連結をしたい
-
二次元配列を使って順位をだす...
-
React hooksが値を返して配列変...
-
undefinedを表示させない方法は...
-
フォーム入力値の重複チェック
-
javascriptで行を抽出したいです。
-
JavaScriptでの動的な多次元配...
-
多次元配列から最大値を1行また...
-
HTMLで誕生石と星座をアラート...
-
JSONデータを50音順でソートしたい
-
重複しないようにランダムで表...
-
1から20までの整数から、重複な...
-
JavaScriptにおける[] とか :...
-
gas 配列
-
【JavaScript】オブジェクト型...
-
WSH(Jscript)でファイル一覧
-
JavaScriptで簡単なクイズを作...
おすすめ情報