セレクトメニューとテキストを結合してDBに登録したい

Question

前提・実現したいこと

jspで出発地と目的地を入力するためのフォームを作成しています。

セレクトメニューで都道府県を
テキストで市区町を入力という形にしようと思っているのですが、セレクトメニューの内容のみがDBに送信されてしまいます。
方法を調べて試してみたのですがうまくいかなかったのでどうかアドバイスを頂きたいです。

発生している問題

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<form method="GET" action = "DispatchCreateServlet.java">
        

<label for="m_wholesale_area">出発地　　　　　　　　　　　　　　　　時刻</label>
  <br />
<select name="mw_select">
<option value="選択してください" >都道府県</option>
<option value="東京都">東京都</option>
<option value="大阪府">大阪府</option>
<option value="愛知県">愛知県</option>
<option value="埼玉県">埼玉県</option>
<option value="神奈川県">神奈川県</option>
<option value="静岡県">静岡県</option>
<option value="北海道">北海道</option>
<option value="青森県">青森県</option>
<option value="岩手県">岩手県</option>
<option value="宮城県">宮城県</option>
<option value="秋田県">秋田県</option>
<option value="山形県">山形県</option>
<option value="福島県">福島県</option>
<option value="茨城県">茨城県</option>
<option value="栃木県">栃木県</option>
<option value="群馬県">群馬県</option>
<option value="千葉県">千葉県</option>
<option value="新潟県">新潟県</option>
<option value="富山県">富山県</option>
<option value="石川県">石川県</option>
<option value="福井県">福井県</option>
<option value="山梨県">山梨県</option>
<option value="長野県">長野県</option>
<option value="岐阜県">岐阜県</option>
<option value="三重県">三重県</option>
<option value="滋賀県">滋賀県</option>
<option value="京都府">京都府</option>
<option value="兵庫県">兵庫県</option>
<option value="奈良県">奈良県</option>
<option value="和歌山県">和歌山県</option>
<option value="鳥取県">鳥取県</option>
<option value="島根県">島根県</option>
<option value="岡山県">岡山県</option>
<option value="広島県">広島県</option>
<option value="山口県">山口県</option>
<option value="徳島県">徳島県</option>
<option value="香川県">香川県</option>
<option value="愛媛県">愛媛県</option>
<option value="高知県">高知県</option>
<option value="福岡県">福岡県</option>
<option value="佐賀県">佐賀県</option>
<option value="長崎県">長崎県</option>
<option value="熊本県">熊本県</option>
<option value="大分県">大分県</option>
<option value="宮崎県">宮崎県</option>
<option value="鹿児島県">鹿児島県</option>
<option value="沖縄県">沖縄県</option>
</select>
 <input type="text" name="mw_text"placeholder="市町村" value="${Trucks.m_wholesale_area}"/>
(中略）
input type="hidden" name="_token" value="${_token}" />
<button type="submit">登録</button>
</form>

###追記
質問投稿時に記述していたjsのコードは理解出来ていないものだったため、元々書いていたコードに戻しました。

Comments

[m.ts10806]

>セレクトメニューの内容のみがDBに送信されてしまいます。

htmlだけが問題ということでしょうか。
「絶対にコントローラや登録のプロセスには間違いがない」という自信がおありなら良いのですけど、他人にその自信が伝わる内容にはなっていないと思うのですが

[m.ts10806]

あと、JavaScriptで定義されたmw_area(f)が謎。

[K_3578]

m.ts10806様、コメントありがとうございます。
＞htmlだけが問題ということでしょうか。
自分がそもそもセレクトメニューとテキストを結合するやり方を知らなかったので
そこが問題なのかと思ってjspのコードを記載させて頂いた次第です。

>あと、JavaScriptで定義されたmw_area(f)が謎。

これは調べていたときにjsを使った方法があったのでそれを参考にしたのですが、
当方jsは疎いのでおかしいことになってるかどうかの判断がつきませんでした。

[m.ts10806]

送信してサーバー側で受け取ってしまえばあとは文字列の扱いの問題ですよね。htmlのformも単にリクエストを送信するだけの道具に過ぎない。
しかし、結合したあと、取得-表示時に困りませんかね。
データ設計がおかしくならないかは気にしてください。

>判断がつきませんでした
判断つかないものをそのまま使うのは無駄ですし危険です。JavaScriptはWebをやりたければほぼ必須なので、覚えてください。

[68user]

そもそも結合の意味がわからないのですが、次ページにどういうパラメータを送りたいのですか?

・DispatchCreateServlet.java?mw_select=東京都&mw_text=なんとか市なんとか町
・DispatchCreateServlet.java?m_wholesale_area=東京都なんとか市なんとか町

どちらでしょうか。

そして現状ではどのようなパラメータが送られているんでしょうか。

[K_3578]

m.ts10806様
>判断つかないものをそのまま使うのは無駄ですし危険です。JavaScriptはWebをやりたければほぼ必須なので、覚えてください。
ありがとうございます。jsも勉強しつつ進めたいと思います。

[K_3578]

68user様、コメントありがとうございます。
＞そもそも結合の意味がわからないのですが、次ページにどういうパラメータを送りたいのですか?
送りたいのは
DispatchCreateServlet.java?m_wholesale_area=東京都なんとか市なんとか町
の方です。
現状はjspにて
<input type="text" name="mw_text"placeholder="市町村" value="${Trucks.m_wholesale_area}"/>
として、
String m_wholesale_area = request.getParameter("m_wholesale_area");
としています。

[68user]

↑の状態だと DispatchCreateServlet.java?mw_select=東京都&mw_text=なんとか市なんとか町 として送られていますよね?

m.ts10806 さんのおっしゃるとおり、サーバ側で結合した方がよいとは思いますがそれができない事情があるなら…今見れないので確認できませんが、先ほどの Javascript でおおむねよいような気がします。
気になったのは「disabled にしたあとに value って取れるんだっけ? disabled = true を一旦外してみては」くらいです。

[K_3578]

68user様
申し訳ありません、こちらでもServlet側のコードを書き換えていなかったりなど質問以前の部分がありましたのでそちらを修正してきます。
＞サーバ側で結合
MySQLを使っているのですが、セレクトメニューとテキストを個別に送信して
そちらで結合する、ということでしょうか？

[68user]

続きは回答として記載いたしました。

Answer 1

MySQLを使っているのですが、セレクトメニューとテキストを個別に送信して
そちらで結合する、ということでしょうか？

少なくとも MySQL では都道府県市区町村カラムが一つしかなく、ここは変えられない
という前提で書きますが、

HTML/Javascript->Servlet?->MySQL

という流れにおいて、

HTML/Javascript で結合するなら、さきほど提示いただいた Javascript 的なものになるでしょう。

もし Servlet で結合するなら、

String mw_select = request.getParameter("mw_select");
String mw_text = request.getParameter("mw_text");
String m_wholesale_area = mw_select + mw_text;

のような感じになると思います。

どっちでもいいと思いますが、Javascript をよくわかっていないのなら、Servlet 等で結合すればどうですかということです。

Comments

[K_3578]

回答ありがとうございます。
一度やってみます。

[K_3578]

やってみたところ期待した結果が得られました。
改めてありがとうございます。