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も見ています
-
新NISA制度は今までと何が変わる?非課税枠の拡大や投資対象の変更などを解説!
少額から投資を行う人のための非課税制度であるNISAが、2024年に改正される。おすすめの銘柄や投資額の目安について教えてもらった。
-
Javascriptの値をJava(JSP)へ渡す方法
Java
-
JSPの処理の途中で、JavaScriptの処理をしたい
JavaScript
-
javaScriptの変数をJavaの変数に代入する。
JavaScript
-
-
4
strutsを使用したjspでjavascript関数へ引数を渡す方法
Java
-
5
JSPとJavaScriptの連携について教えて下さい
JavaScript
-
6
JavaScriptの変数をjavaのメソッドの引数に渡す
JavaScript
-
7
JSPやサーブレットでSystem.out.println()などでコンソールに出力できますでしょうか?
Java
-
8
jsp~jspにhiddenを使って変数を飛ばしたい
JavaScript
-
9
オブジェクトの中のプロパティを認識できません
Java
-
10
jspでjavascript関数へ引数を渡す方法
Java
-
11
JSP内でString型からint型に変換する方法(SAStruts使用)
Java
-
12
javascriptでセッションを取得
JavaScript
-
13
javascriptからjavaを呼び出したい
JavaScript
-
14
hiddenの値が期待した値で取得されないのです
Java
-
15
ServletからServletへの値渡し
Java
-
16
jspからServletを呼び、元のjspページに戻るにはどうしたらよいですか?
Java
-
17
JavascriptからJSPファイル(~.jsp)を起動する時、引数
JavaScript
-
18
フォーム上で押されたボタンによってサーブレットの処理を変えたい
Java
-
19
servletからjspへオブジェクトの配列情報を送る方法
Java
-
20
GROUP BYを行った後に結合したい。
Oracle
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
C#テキストボックスの文字を配...
-
jspからjavascriptの変数引継ぎ
-
同じIDで定義した要素の配列を...
-
javascript 変数名の連結をしたい
-
外部csvデータを読み込む(d3.js)
-
WSH(Jscript)でファイル一覧
-
フォーム入力値の重複チェック
-
undefinedを表示させない方法は...
-
javascriptで行を抽出したいです。
-
JavaScriptで2次元配列を扱う方法
-
google apps scriptの終了のさせ方
-
idを使わずにonclickで自身の要...
-
Boolean型配列中のTrueの有無を...
-
JavaScriptで決まった「時刻」...
-
JavaScript window.openで開く...
-
関数でy=g(x)のgとは何の略です...
-
jqGridについて
-
ActiveXobjectが作成できない
-
javascriptのdocument.allにつ...
-
Vb.netのグローバル変数の宣言...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
同じIDで定義した要素の配列を...
-
C#テキストボックスの文字を配...
-
React hooksが値を返して配列変...
-
オブジェクトから任意のプロパ...
-
javascript 変数名の連結をしたい
-
jspからjavascriptの変数引継ぎ
-
配列の1要素を代入した変数を使...
-
JavaScriptにおける[] とか :...
-
フォーム入力値の重複チェック
-
javascriptで行を抽出したいです。
-
undefinedを表示させない方法は...
-
javascriptで2つのArrayの...
-
WSH(Jscript)でファイル一覧
-
JavaScriptでの動的な多次元配...
-
Perlの配列をJavaScriptに渡せ...
-
[JS] setAttributeで保存される...
-
JSONデータを50音順でソートしたい
-
二次元配列の全要素の全要素を...
-
javascriptを用いて作成された...
-
バナーのランダム表示(複数、...
おすすめ情報