質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
EJS

EJSは、JavaScript用のテンプレートエンジン。HTMLなどのテンプレートテキストにJavaScriptのロジックを記述することができます。また、変数・関数の実行をテンプレートテキスト内に埋め込むことも可能です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

0回答

398閲覧

チェックをつけたレコードをポップアップで表示

miyawaki

総合スコア11

EJS

EJSは、JavaScript用のテンプレートエンジン。HTMLなどのテンプレートテキストにJavaScriptのロジックを記述することができます。また、変数・関数の実行をテンプレートテキスト内に埋め込むことも可能です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

0クリップ

投稿2019/09/29 06:50

編集2019/09/30 08:17

#やりたいこと
Node.js+Express+bootstrapでアプリ開発をしています。

ejsにて一覧画面を表示し、
その表の先頭にチェックボックスをつけ、
チェックされたレコードの情報のみを
モーダル画面で表示させたいのですが、
方法がわかりません。

イメージ

□りんご|100円|果物
■いちご|500円|果物
■すいか|800円|野菜

↓↓

選択したのは
いちご|100円|果物
すいか|800円|野菜
ですね?
[はい] [いいえ]

モーダル画面は、できるだけBootstrapを使用するというルールがあるので、Bootstrapのモーダルを使用したいです。

また、グリッドの内容は可変なので、
現在は、連想配列を回して表示しています。

#試したこと

①bootstrapのモーダルにデータを受け渡して表示させる。
⇒inputタグにはデータを埋め込むことが出来たのですが、tdタグには埋め込めませんでした。

②チェックした行のIDを配列で保持し、
再度連想配列をまわし、チェックされたID以外は表示させないようにする。
⇒ejsのscriptタグ内で作成したjavascriptの変数を、ejsのjavascript内(<%= %>の中)で使用できませんでした。

いろいろ調べたのですが、良い方法が思い浮かばず、相談させていただきました。

よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問