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

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

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

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Spring

Spring Framework は、Javaプラットフォーム向けのオープンソースアプリケーションフレームワークです。 Java Platform上に、 Web ベースのアプリケーションを設計するための拡張機能が数多く用意されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Thymeleaf

Thymeleaf(タイムリーフ)とは、Java用のテンプレートエンジンで、特定のフレームワークに依存せず使用することが可能です。

Spring Boot

Spring Bootは、Javaのフレームワークの一つ。Springプロジェクトが提供する様々なフレームワークを統合した、アプリケーションを高速で開発するために設計されたフレームワークです。

Q&A

2回答

1567閲覧

Thymeleaf でカウントされた値を次ページに送る方法がわからない。

kiichan

総合スコア6

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Spring

Spring Framework は、Javaプラットフォーム向けのオープンソースアプリケーションフレームワークです。 Java Platform上に、 Web ベースのアプリケーションを設計するための拡張機能が数多く用意されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Thymeleaf

Thymeleaf(タイムリーフ)とは、Java用のテンプレートエンジンで、特定のフレームワークに依存せず使用することが可能です。

Spring Boot

Spring Bootは、Javaのフレームワークの一つ。Springプロジェクトが提供する様々なフレームワークを統合した、アプリケーションを高速で開発するために設計されたフレームワークです。

0グッド

0クリップ

投稿2018/03/15 10:26

編集2022/01/12 10:55

springにてカートの作成をしています。
${cart.count}"の部分が+1、-1ボタン押下によって希望商品の数が変わる
用にしましたがその${cart.count}"部分で増減された値を次のページに
どう送ればいいのかわかりません。
初心者でとても困っています。
してほしいことをまる投げしているような質問で大変申し訳ありません。
ヒントだけでも頂けたらたら幸いです。

<td>商品名</td> <td>個数</td> <td>操作</td> <td></td> </tr> <tr th:each="cart:${items}"> <td th:text="${cart.name}"></td> <td th:id="a+${cart.id}" th:text="${cart.count}"></td> <td><input type="button" value="個数-1" th:onclick="|subtractNum(a${cart.id})|" /> <input type="button" value="個数+1" th:onclick="|addNum(a${cart.id})|" /> <input type="hidden" th:value="${cart.stock}" th:id="c+${cart.id}" /></td> <td> <form method="post" th:action="@{/cart/delete/}+${cart.id}"> <input type="submit" value="削除" class="delete" /> </form>

jsファイル

/** * */ function addNum(count) { var num = count.innerText; var name = count.id; var lastNum = name.substr(1); var targetId1 = "b" + lastNum; var targetId2 = "c" + lastNum; var elm1 = document.getElementById(targetId1); var elm2 = document.getElementById(targetId2); var num2 = Number(elm1.value); var num3 = Number(elm2.value); num = Number(num); if (num3 > num) { num++; num2++; } count.innerText = num; elm1.value = num2; } function subtractNum(count) { var num = count.innerText; var name = count.id; var lastNum = name.substr(1); var targetId = "b" + lastNum; var elm = document.getElementById(targetId); var num2 = Number(elm.value); num = Number(num); if (num > 1) { num--; num2--; } count.innerText = num; elm.value = num2; }

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

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

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

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

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

guest

回答2

0

次のページに送信、ということは、

<input type="hidden" th:value="${cart.stock}" th:id="c+${cart.id}" />

の内容をサーバへ送信したい、で間違いないでしょうか。

送信FORMがその下に用意されていますので、簡単に実現する方法としては、

  • 送信したい内容を<form>で覆う
  • 送信Formのsubmitが押されたときにJavaScriptにて送信パラメータを作成して、JavaScriptから送信する。

シンプルなのは<form>の範囲を広げることでしょうか。

投稿2018/03/15 16:25

A-pZ

総合スコア12011

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

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

kiichan

2018/03/15 16:44

回答ありがとうございます。 質問が分かりにくくすみません。 <td th:id="a+${cart.id}" th:text="${cart.count}"></td こちらの"${cart.count}"の値を次のページに引き継ぎたいのですが、 <tr th:each="cart:${items}">から取得すると初期値が1です。 HTMLの+1-1ボタンで値が変わり、その変化後の値を送りたい です。 私のやり方がおかしいのか formの幅を広げて見ましたがうまくいきませんでした。
A-pZ

2018/03/17 12:55

次のページに引きつぎたい=サーバへ送信したいのであれば、送信パラメータに含めないといけません。JavaScriptで送信するか、inputタグのhiddenに送信するなどして送信する仕掛けを作り、かつサーバ側もそのパラメータを受け取って処理をしなければいけないでしょう。
kiichan

2018/03/18 08:49

本当にありがとうございます。解決できました。
guest

0

方法論としてはカートに追加と同じですよ

投稿2018/03/15 11:01

退会済みユーザー

退会済みユーザー

総合スコア0

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

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

kiichan

2018/03/15 13:28

いつもありがとうございます。押下され、${cart.count}にカウントされた値をsessionn に入れる方法しか思い当たらないのですが、ほかに方法はありますか。また質問してしまい、大変申し分けありません。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

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

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

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問