JSPのselectタグのoptionの値を取得したい

Question

こんにちは。
プログラミングの初心者でいまいちわからないところがあるので、
質問をさせていただきました。

何をやりたいかと申しますと、
下記のJSPにおいてselectタグのoptionのvalueの値を
サーブレットのgetParameterで取得したいといったことです。

JSPのselectの部分がこちらです。

<form name="editPiarInfo" method="POST" action="Serv01?ope=28" id="editPairInfo">
                        <input type="hidden" name="pair_id" value="<c:out value='${ selectmypair.pair_id }'/>" id="pair_id" />
                        <input type="hidden" name="single_flg" value="2" id="single_flg" />
                        <input type="hidden" name="age_type" value="2" id="age_type" />
                        <input type="hidden" name="age" value="23" id="age" />
                        <input type="hidden" name="token1time" value="8bcc7d7417da5ea665bf87d9f9f1e8d7a2d51201effefafcd7e7b7bf080c8f7b" />
                        <input type="hidden" name="buttonType" id="buttonType" value="1" />
                <div class="box-photo">
                    <ul class="photo">
                        <li>
                            <div><img src="https://graph.facebook.com/<c:out value="${ selectmypair.photo1 }" />/picture?width=200&height=200" width="200" height="200" alt=""></div>
                            <span class="name"><c:out value="${ selectmypair.name1 }" /></span></li>
                        <li>
                                                                <div><img src="https://graph.facebook.com/<c:out value="${ selectmypair.photo2 }" />/picture?width=200&height=200" width="200" height="200" alt=""></div>
                                    <span class="name"><c:out value="${ selectmypair.name2 }" /></span>
                                                    </li>
                    </ul>
                    <div class="clear"></div>
                </div>
                <div class="box-form">
                    <table>
                        <tr>
                            <th>地域：</th>
        			<td><select name="area_id" id="area_id9" >
        				<option value="1" <c:out value="${ area1 }" /> >北海道</option>
        				<option value="2" <c:out value="${ area2 }" /> >青森県</option>
        				<option value="3" <c:out value="${ area3 }" /> >岩手県</option>
        				<option value="4" <c:out value="${ area4 }" /> >宮城県</option>
        				<option value="5" <c:out value="${ area5 }" /> >秋田県</option>
        				<option value="6" <c:out value="${ area6 }" /> >山形県</option>
        				<option value="7" <c:out value="${ area7 }" /> >福島県</option>
        				<option value="8" <c:out value="${ area8 }" /> >茨城県</option>
        				<option value="9" <c:out value="${ area9 }" /> >栃木県</option>
        				<option value="10" <c:out value="${ area10 }" /> >群馬県</option>
        				<option value="11" <c:out value="${ area11 }" /> >埼玉県</option>
        				<option value="12" <c:out value="${ area12 }" /> >千葉県</option>
        				<option value="13" <c:out value="${ area13 }" /> >東京都</option>
        				<option value="14" <c:out value="${ area14 }" /> >神奈川県</option>
        				<option value="15" <c:out value="${ area15 }" /> >新潟県</option>
        				<option value="16" <c:out value="${ area16 }" /> >富山県</option>
        				<option value="17" <c:out value="${ area17 }" /> >石川県</option>
        				<option value="18" <c:out value="${ area18 }" /> >福井県</option>
        				<option value="19" <c:out value="${ area19 }" /> >山梨県</option>
        				<option value="20" <c:out value="${ area20 }" /> >長野県</option>
        				<option value="21" <c:out value="${ area21 }" /> >岐阜県</option>
        				<option value="22" <c:out value="${ area22 }" /> >静岡県</option>
        				<option value="23" <c:out value="${ area23 }" /> >愛知県</option>
        				<option value="24" <c:out value="${ area24 }" /> >三重県</option>
        				<option value="25" <c:out value="${ area25 }" /> >滋賀県</option>
        				<option value="26" <c:out value="${ area26 }" /> >京都府</option>
        				<option value="27" <c:out value="${ area27 }" /> >大阪府</option>
        				<option value="28" <c:out value="${ area28 }" /> >兵庫県</option>
        				<option value="29" <c:out value="${ area29 }" /> >奈良県</option>
        				<option value="30" <c:out value="${ area30 }" /> >和歌山県</option>
        				<option value="31" <c:out value="${ area31 }" /> >鳥取県</option>
        				<option value="32" <c:out value="${ area32 }" /> >島根県</option>
        				<option value="33" <c:out value="${ area33 }" /> >岡山県</option>
        				<option value="34" <c:out value="${ area34 }" /> >広島県</option>
        				<option value="35" <c:out value="${ area35 }" /> >山口県</option>
        				<option value="36" <c:out value="${ area36 }" /> >徳島県</option>
        				<option value="37" <c:out value="${ area37 }" /> >香川県</option>
        				<option value="38" <c:out value="${ area38 }" /> >愛媛県</option>
        				<option value="39" <c:out value="${ area39 }" /> >高知県</option>
        				<option value="40" <c:out value="${ area40 }" /> >福岡県</option>
        				<option value="41" <c:out value="${ area41 }" /> >佐賀県</option>
        				<option value="42" <c:out value="${ area42 }" /> >長崎県</option>
        				<option value="43" <c:out value="${ area43 }" /> >熊本県</option>
        				<option value="44" <c:out value="${ area44 }" /> >大分県</option>
        				<option value="45" <c:out value="${ area45 }" /> >宮崎県</option>
        				<option value="46" <c:out value="${ area46 }" /> >鹿児島県</option>
        				<option value="47" <c:out value="${ area47 }" /> >沖縄県</option>
        			</select>
        			</td></tr>
                    <tr><th>特徴：</th>
                    	<td><input type='hidden' name='treat_flg' value='0' <c:out value="${ treat0 }"/> id='treat_flg0'/>
                    		<input type= 'checkbox' name= 'treat_flg1' id='treat_flg1' value= '1' <c:out value="${ treat1 }"/> onclick="document.editPiarInfo.treat_flg2.checked=this.disabled;"/>
                    		<label for='treat_flg1'>私たちがおごります！</label>
                    		<input type= 'checkbox' name= 'treat_flg2' id='treat_flg2' value= '2' <c:out value="${ treat2 }"/> onclick="document.editPiarInfo.treat_flg1.checked=this.disabled;"/>
                    		<label for='treat_flg2'>私たちにおごってください！</label>
                    	</td>
                    </tr>
                    <tr class="blank"><th>肉会の予算(1人)：</th>
                    	<td><select <c:out value="${ selectmypair.budget }" /> name="cost_id">
                        <option value='1' <c:out value="${ budget1 }"/>>（未選択）</option>
                        <option value='2' <c:out value="${ budget2 }"/>>3,000円</option>
                        <option value='3' <c:out value="${ budget3 }"/>>4,000円</option>
                        <option value='4' <c:out value="${ budget4 }"/>>5,000円</option>
                        <option value='5' <c:out value="${ budget5 }"/>>6,000円</option>
                        <option value='6' <c:out value="${ budget6 }"/>>7,000円</option>
                        <option value='7' <c:out value="${ budget7 }"/>>8,000円</option>
                        <option value='8' <c:out value="${ budget8 }"/>>9,000円</option>
                        <option value='9' <c:out value="${ budget9 }"/>>10,000円</option>
                        <option value='10' <c:out value="${ budget10 }"/>>15,000円</option>
                        <option value='11' <c:out value="${ budget11 }"/>>20,000円</option>
                        <option value='12' <c:out value="${ budget12 }"/>>25,000円</option>
                        <option value='13' <c:out value="${ budget13 }"/>>30,000円</option>
                        <option value='14' <c:out value="${ budget14}"/>>いくらでもOK!</option>
                        </select>
                        </td>
                    </tr>
                    <tr class="blank"><th>肉会のお店：</th>
                    	<td><textarea id="introduction" name="introduction" rows="4" style="resize: none; overflow-y: hidden;"><c:out value="${ selectmypair.shop }" /></textarea>
                        <p class="note">※ 肉会が成立したら行きたいお店を入力してください。</p>
                        </td>
                    </tr>
            </table>
             <input type="hidden" name="single_flg" value="2" id="single_flg"/>                <!-- /box-form --></div>
                </form>

そして、サーブレットがこちらです。

        int area000 = Integer.parseInt(request.getParameter("area_id"));
				System.out.println(area000);
				dao.connect();
         beans = new JavaBeans();
				int pairID1 = (int)ses.getAttribute("MY_PAIR_ID");
				/*for(int i = 0; i < 48; i++){
					int result = Arrays.binarySearch(area1, "selected");
					if(result == )
				}*/
				int treat1 = Integer.parseInt(request.getParameter("treat_flg0"));
				int budget1 = Integer.parseInt(request.getParameter("cost_id"));
				String shop1 = request.getParameter("introduction");
				if(shop1 == null)
					shop1 = "";
				
				beans.setPair_id(pairID1);
				//beans.setArea(area1);
				beans.setTreat(treat1);
				beans.setBudget(budget1);
				beans.setShop(shop1);
				dao.UpdatePair(beans);
				dao.close();
				
				request.getRequestDispatcher("pair.jsp").forward(request, response);
				break;

また、下記のようなエラーが出てしまいまして、
値がうまく取得できていないことはわかりました。
java.lang.NumberFormatException: null
at java.lang.Integer.parseInt(Integer.java:542)
at java.lang.Integer.parseInt(Integer.java:615)
at nikukai.Serv01.doGet(Serv01.java:744)

4行目はint area000 = Integer.parseInt(request.getParameter("area_id"));
を指しております。
説明不足で申し訳ありませんが、
ご教授の程よろしく御願い致します。

Comments

[argius]

formタグはどうなっていますか？

[Sfidante]

formタグのところを追加させていただきました。
よろしく御願い致します。

Answer 1

<select name="area_id" id="area_id9" >

nameとidが両方指定されていますね。。。
確か、後に記述されたキーでPOSTされるはずなので「area_id9」でServletに渡っているかと。
「id="area_id9"」を除去してみてください。

Comments

[Sfidante]

ご連絡ありがとうございます。
一応、idについては消して見ましたが
どうもうまくいかないようです。

恐らく他の箇所が原因なのかなと思います。

Answer 2

formのメソッドがPOSTなのに、サーブレットのdoGetが呼ばれているんですか？

Tomcat7で試しましたが、doGetだけしかないサーブレットで試したらエラーになりますね。「HTTPのPOSTメソッドは、このURLではサポートされていません。」

---

（追記）

なるほど、doPostで受けたのをそのままdoGetに流しているのですね。

あとは、submitボタンがありませんが、submitはJavaScriptとかでやっているのでしょうか？
それと、${ area1 }～${ area47 }にはselectedが入るのですか？

とりあえず、これらを無視してsubmitボタンを適当につけて実行してみましたが、area_idの値は取得できました。
おそらく記載している以外のところで何かあるんだと思います。

---

（追記2 コメント 2015/04/24 10:24 のつづき）

私もEclipse＋Tomcat v7.0で確認したので、環境の違いでもなさそうですね...
少なくとも最初はNumberFormatExceptionが発生した時はサーブレットのdoGetまでは到達していますね。

doPostのところに↓のようにprint追加したら何か出力されますか？

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  System.out.printf("request: area_id=[%s]%n", request.getParameter("area_id"));
  doGet(request, response);
}

Comments

[Sfidante]

ご連絡ありがとうございます。
その点に関しては、疑問を持ちながら行っていたのですが、
他のサーブレットーJSP間の処理ではうまくいっていたため、
スルーしておりました。

下記に
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}といった記載もあるのですが、
これがあれば大丈夫なのでしょうか？

[argius]

回答に追記しました。

[Sfidante]

ご回答の追記ありがとうございます。
>submitボタンがありませんが、submitはJavaScriptとかでやっているのでしょうか？
--そうですね。
<a href="Serv01.do?ope=28" onclick="document.editPiarInfo.submit(); return false;" class="btn-save">
このような形でsubmitしております。

>${ area1 }～${ area47 }にはselectedが入るのですか？
--そうですね。
別のサーブレットにおいて、
データベースの値のoptionの値がselectedされています。

現状、<a href="Serv01.do?ope=28" onclick="document.editPiarInfo.submit(); return false;" class="btn-save">でsubmit致しますと。
コンソール上にはselectした値が表示されてはいます。
しかし、他にも値の取得をしたいのですが、
表示されるのがname="area_id"だけの値のようです。
更によくわからないのが、
JSPでdocument.editPiarInfo.submit()したarea_idの値がコンソール上に表示されるのですが、
System.out.println();では未だに表示されていません。

色々とよくわかっていません。
申し訳ございません。

[argius]

System.out.printlnで表示されないのは、エラー（NumberFormatException）が発生していて、処理がそこまで到達していないからだと思います。
「コンソール上に表示される」のコンソールは具体的には何ですか？

[Sfidante]

迅速なご回答ありがとうございます。
System.out.printlnで表示されないのは、
おっしゃる通りそこまで到達してないからですね（汗）
実際、form　actionでサーブレットにすら飛んでいないようです。
色々と試してみます。

>「コンソール上に表示される」のコンソールは具体的には何ですか？
--eclipseのtomcat v7.0 Serverといったところでしょうか？

[argius]

回答欄に追記しました。

[Sfidante]

返答が遅くなってしまい、
申し訳ございません。
追記して頂いた
無事に意図した値を取得できました。
ありがとうございました。
原因はいまいちわかりませんでした。

[argius]

こちらもNo.9116と同じ原因だったのかも知れませんね。