顧客登録画面の更新処理を作成中です。

現在の状況は登録、一覧表示についてはある程度問題なく動かせています。
JSPで何点かネットを利用しても解決できない問題があったのでお聞きしております。

①formにoptionを使った性別を設定できるものを用意していますが
値（1,2,3)は取得できているのですが一覧表示にすると名前(男性,女性)ではなくそのまま値を表示してしまいます。名前を表示する方法はありますでしょうか?

②入力ができるformに入力した内容を送信するsubmitがあります。
一覧を表示しているテーブルのそれぞれのレコードに変更と削除という、レコードの値を持って画面へ遷移するsubmitを用意しているのですが、リンクとして機能しません。
form内では１つの遷移先しか持つことができない（javaのみでは）ようなのですが
テーブルでも同じなのでしょうか？
（onclick="location:href='./selectUp.java'"が機能しません）

③レコードのIDをURLを使って送る際、
onclick="location:href='./selectUp.java"?id= + id +"'"
と表記するつもりなのですが合ってますでしょうか?

④この画面の次画面でUpdateしたい内容をformに入力して頂く際に初期値として選択したレコードをformに入力しますが、formの欄の下にはこの画面と同様に一覧を表示しておりますので2種類のselect文を実行することになるのですが、この場合2種類のデータを別のArrayListに保管し表示することは可能なのでしょうか？
それとも指定したレコードの詳細を取得し表示することが出来るのでしょうか?

:
前略
:



<form action="<%=request.getContextPath()%>/Main" method="post">
                <table class="up">
                    <tr>
                        <th>NO.</th>
                        <th>お名前</th>
                        <th>携帯電話番号</th>
                        <th>性別</th>
                        <th class="hide"></th>
                    </tr>
                    <tr>
                        <td><input type="number" name="id" value=" " disabled="disabled" style=background-color:#ffe0ed ></td>
                        <td><input type="text" maxlength="20" name="name" placeholder="20字以内で名前を入力"></td>
                        <td><input type="tel" name="tel" pattern="[0-9]{3}-[0-9]{4}-[0-9]{4}" placeholder="090-1234-5678(半角数字で入力)"></td>
                        <td><select name="gender">
                            <option value=""> </option>
                            <option value="1">男性</option>
                            <option value="2">女性</option>
                            <option value="3">その他</option></select></td>
                        <td><input type="submit" value="新規登録" style="border:2px solid #7b3cff; background-color:#ffd700" onmouseover="this.style.background='#ffff00'" onmouseout="this.style.background='#ffd700'" onclick="location:href='./Main.java'" class="up-butt"></td>
                    </tr>
                    <tr><td align="left" style="border:2px solid #fcc2c8; background-color:#ffe0ed; color:#ff69b4; font-size: 20px" colspan="4"> メッセージ：</td>
                    </tr>
                </table>
		     </form>
                <table class="dow">
                    <thead>
                        <tr>
                            <th>NO.</th>
                            <th>お名前</th>
                            <th>携帯電話番号</th>
                            <th>性別</th>
                            <th class="hide"></th>
                        </tr>
                    </thead>
                    <tbody>
                    <c:forEach var="mutterList" items="${mutterList}">
                        <tr>
                            <td><c:out value="${mutterList.id}" /></td>
                            <td><c:out value="${mutterList.name}"/></td>
                            <td><c:out value="${mutterList.tel}"/></td>
                            <td><c:out value="${mutterList.gender}"/></td>
                            <td><input type="submit" value="更新" style="border:2px solid #32cd32; background-color:#32cd32" onmouseover="this.style.background='#00ff00'" onmouseout="this.style.background='#32cd32'" onclick="location:href='./selectUp.java'" class="update" name="update"> </td>
                            <td><input type="submit" value="削除" style="border:2px solid #ff6347; background-color:#ff6347" onmouseover="this.style.background='#ff0000'" onmouseout="this.style.background='#ff6347'" onclick="location:href='./.delete.java'"class="delete" name="delete"></td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
                </body>
                </html>

質問が多く長々と書いてしましましたが、不足している点は修正させて頂きますので
何卒よろしくお願い申し上げます。

修正したJSPです

<form action="<%=request.getContextPath()%>/Main" method="post">
                <table class="up">
                    <tr>
                        <th>NO.</th>
                        <th>お名前</th>
                        <th>携帯電話番号</th>
                        <th>性別</th>
                        <th class="hide"></th>
                    </tr>
                    <tr>
                        <td><input type="number" name="id" value=" " disabled="disabled" style=background-color:#ffe0ed ></td>
                        <td><input type="text" maxlength="20" name="name" placeholder="20字以内で名前を入力"></td>
                        <td><input type="tel" name="tel" pattern="[0-9]{3}-[0-9]{4}-[0-9]{4}" placeholder="090-1234-5678(半角数字で入力)"></td>
                        <td><select name="gender">
                            <option value=""> </option>
                            <option value="1">男性</option>
                            <option value="2">女性</option>
                            <option value="3">その他</option></select></td>
                        <td><input type="submit" value="新規登録" style="border:2px solid #7b3cff; background-color:#ffd700" onmouseover="this.style.background='#ffff00'" onmouseout="this.style.background='#ffd700' class="up-butt"></td>
                    </tr>
                    <tr><td align="left" style="border:2px solid #fcc2c8; background-color:#ffe0ed; color:#ff69b4; font-size: 20px" colspan="4"> メッセージ：</td>
                    </tr>
                </table>
            </form>
                <table class="dow">
                    <thead>
                        <tr>
                            <th>NO.</th>
                            <th>お名前</th>
                            <th>携帯電話番号</th>
                            <th>性別</th>
                            <th class="hide"></th>
                        </tr>
                    </thead>
                    <tbody>
                    <c:forEach var="mutterList" items="${mutterList}">
                        <tr>
                            <td><c:out value="${mutterList.id}" /></td>
                            <td><c:out value="${mutterList.name}"/></td>
                            <td><c:out value="${mutterList.tel}"/></td>
                            <td><c:out value="${mutterList.gender}"/></td>
                            <td><input type="button" value="更新" style="border:2px solid #32cd32; background-color:#32cd32" onmouseover="this.style.background='#00ff00'" onmouseout="this.style.background='#32cd32'" onclick="location:href='<%=request.getContextPath()%>/Update?id=${mutterList.id}'" class="update" name="update"></td>
                            <td><input type="button" value="削除" style="border:2px solid #ff6347; background-color:#ff6347" onmouseover="this.style.background='#ff0000'" onmouseout="this.style.background='#ff6347'" onclick="location:href='./.delete.java'"class="delete" name="delete"></td>
                        </tr>
                    </c:forEach>
                    </tbody>
                </table>
                </body>
                </html>

このように修正してみましたがやはりボタンとしての機能はありません。
まだ画面遷移のURLが間違っているという事でしょうか?

gender_cd	name
1	男性
2	女性
3	その他

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

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

SQLで固定に書く場合

jspに固定に書く場合

定数的に配列に持っておく場合

別テーブルにマスタデータを持ってJOIN

蛇足

関連した質問