動的に表示したセレクトボックス(1つ目のセレクトボックスの値によって、もう一方のセレクトボックスの値を変化)の値をJava側(サーバー側)で受け取り、
Java側で受け取った値によって、異なる動作を行いたいです(アラートなど)
モデルはMVCで考えており、ViewはJspで実装するつもりです。
Jsp内のセレクトボックスの値をJava側に受け渡す記述が分からず困っております。
下記にサンプルのコードを示します。
どなたか分かる方教えてください。
http://d.hatena.ne.jp/graySpace/20110526/1306431817
<html> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <head> <script type="text/javascript" src="/javascript/lib/jquery-1.5.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ document.getElementById("options").onchange = function(){ alert("セレクトボックスの内容が変更されました"); var param = document.getElementById("options"); var dataApple = ["ふじ","王林","蒼"]; var dataOrange = ["甘夏","いよかん","早生温州"]; var dataStrawberry = ["ももいちご","アイベリー"]; switch(param.value){ case "apple": bindDataToSelectBox(dataApple); break; case "orange": bindDataToSelectBox(dataOrange); break; case "strawberry": bindDataToSelectBox(dataStrawberry); break; } } var bindDataToSelectBox = function(data){ var select = document.getElementById("binded"); select.length = 0; var optionsNum = data.length; for(var i=0; i < optionsNum; ++i){ select.options[i] = new Option(data[i], data[i]); } } }); </script> </head> <body> <input type="button" id="click" value="イベント発生順の確認"/><br/> <br> <h1>セレクトボックスの動的変化</h1> <select id="options" name="options" class="combo"> <option value="apple">りんご</option> <option value="orange">みかん</option> <option value="strawberry">いちご</option> </select> <select id="binded" name="options" class="combo"> </select> </body> </html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/17 07:47
2017/05/17 08:09
2017/05/18 03:46
2017/05/18 03:57