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も見ています
-
好きなおでんの具材ドラフト会議しましょう
肌寒くなってきて、温かい食べ物がおいしい季節になってきましたね。 みなさんはおでんの具材でひとつ選ぶなら何にしますか? 1番好きなおでんの具材を教えてください。
-
秘密基地、どこに作った?
小さい頃、1度は誰もが作ったであろう秘密基地。 大人の今だからこそ言える、あなたの秘密基地の場所を教えてください!
-
初めて自分の家と他人の家が違う、と意識した時
子供の頃、友達の家に行くと「なんか自分の家と匂いが違うな?」って思いませんでしたか?
-
おすすめのモーニング・朝食メニューを教えて!
コメダ珈琲店のモーニング ロイヤルホストのモーニング 牛丼チェーン店の朝食などなど、おいしいモーニング・朝食メニューがたくさんありますよね。
-
14歳の自分に衝撃の事実を告げてください
タイムマシンで14歳の自分のところに現れた未来のあなた。 衝撃的な事実を告げて自分に驚かせるとしたら何を告げますか?
-
Javascriptの値をJava(JSP)へ渡す方法
Java
-
JSPの処理の途中で、JavaScriptの処理をしたい
JavaScript
-
servletからjspへオブジェクトの配列情報を送る方法
Java
-
-
4
フォーム上で押されたボタンによってサーブレットの処理を変えたい
Java
-
5
jsp~jspにhiddenを使って変数を飛ばしたい
JavaScript
-
6
リクエストに応じたselectedの初期値設定方法
Java
-
7
javaScriptの変数をJavaの変数に代入する。
JavaScript
-
8
value内に変数を入れたい
JavaScript
-
9
jspでjavascript関数へ引数を渡す方法
Java
-
10
JSPやサーブレットでSystem.out.println()などでコンソールに出力できますでしょうか?
Java
-
11
JSPからJSPへ情報を渡せる?
Java
-
12
Eclipseで、プロジェクト名のところに赤いバッテンのエラーマークが
Java
-
13
strutsを使用したjspでjavascript関数へ引数を渡す方法
Java
-
14
<input>の選択肢をプルダウンメニューから受け取り、hiddenで
JavaScript
-
15
input type=hidden"で取得した項目に値が重複してセットされてしまいます。"
HTML・CSS
-
16
<input type=hidden" >で配列(複数の要素)を渡したいとき?"
PHP
-
17
JSPでリンクを利用してパラメータを次画面に渡す方法について。
Java
-
18
データ数をカウントしたいのですが
Java
-
19
hiddenの値が期待した値で取得されないのです
Java
-
20
JSPのクラスをコンパイルできない問題
Java
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【大喜利】【投稿~11/22】このサンタクロースは偽物だと気付いた理由とは?
- ・お風呂の温度、何℃にしてますか?
- ・とっておきの「まかない飯」を教えて下さい!
- ・2024年のうちにやっておきたいこと、ここで宣言しませんか?
- ・いけず言葉しりとり
- ・土曜の昼、学校帰りの昼メシの思い出
- ・忘れられない激○○料理
- ・あなたにとってのゴールデンタイムはいつですか?
- ・とっておきの「夜食」教えて下さい
- ・これまでで一番「情けなかったとき」はいつですか?
- ・プリン+醤油=ウニみたいな組み合わせメニューを教えて!
- ・タイムマシーンがあったら、過去と未来どちらに行く?
- ・遅刻の「言い訳」選手権
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
同じIDで定義した要素の配列を...
-
C#テキストボックスの文字を配...
-
配列について、その要素を並べ...
-
大分類・中分類・小分類のvalue...
-
javascriptで行を抽出したいです。
-
雪を降らせるみたいな、ゆらゆ...
-
functionから別のfunctionを実...
-
ActiveXobjectが作成できない
-
ASP+アクセスでのSQLコメントに...
-
window.openでタイトル名の指定
-
JavaScriptを使って毎日決まっ...
-
onchangeイベントを使ってspan...
-
idを使わずにonclickで自身の要...
-
HTTPSのとき":"が"%3A"ではなく...
-
javascript の 命令文の記述で...
-
C#OpenCv V4にのエラーに関する...
-
関数でy=g(x)のgとは何の略です...
-
モーダルダイアログウィンドウ...
-
VSCODE[Python]の設定について
-
webページ上のTabキーの動き
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
同じIDで定義した要素の配列を...
-
jspからjavascriptの変数引継ぎ
-
C#テキストボックスの文字を配...
-
二次元配列を使って順位をだす...
-
undefinedを表示させない方法は...
-
javascriptで行を抽出したいです。
-
配列を作って総当たりで距離を...
-
JSONデータを50音順でソートしたい
-
javascript 変数名の連結をしたい
-
JavaScriptにおける[] とか :...
-
ソートで
-
多次元配列から最大値を1行また...
-
[Javascript]多次元配列の宣言...
-
JavaScriptで簡単なクイズを作...
-
句点“。”で区切り、“。”も含め...
-
大分類・中分類・小分類のvalue...
-
配列からNULL以外のキーを取得...
-
javascriptで2つのArrayの...
-
1から20までの整数から、重複な...
-
どうすればresponseText結果を...
おすすめ情報