お世話になっております。
早速本題に入らせていただきます。
やりたいこと
http://www.pori2.net/js/form/5.html
ここのサイト様で解説されているような片方の値に連動してもう片方のボックスの中身が変わるようなセレクトボックスの作成がしたいんのですが、、、
javascriptで中身を固定値で生成してリストを作成することはできました。
ですが、ここからが問題で最終的にやりたいことはjava側で取得した値をjavascript(struts2なのでAction経由)に渡してその値を元にリストを生成したいんです。
例で言うと左側のボックスで「2015」を選ぶと右側のボックスには「9,10,11,12」が表示され「2016」を選ぶと「1,2,3,4」が表示されるみたいな感じです。
素人目ですがHashMapでいいかなーと思いやってみたんですが、まずjsp側にmapがわたらず、それに関して調べていたら、Keyがnameに入りvarがvarに入るみたいな記述をみつけ、断念しました。
最初のボックスでKeyを選ばせ、つぎのボックスでKeyに対応した値だせばいいのか?みたいな単純な考えは打ち砕かれました。
どなたかやり方をご教授できれば幸いです。
###コード
html
1<div id="k"> 2 //その他処理 3 <div class="tabbox"> 4 //その他処理 5 <font size="5">覧</font></a 6 <!-- タブ中身--------------------> 7 <div id="tab2" class="tab"> 8 <s:form > 9 <h2> 画面 </h2> 10 //別処理 11 12 <script> 13 var list = { 14 <s:iterator value="ym_map"> 15 <s:property value="key" />: [ 16 <s:iterator value="value"> 17 <s:property /> 18 </s:iterator> 19 ], 20 </s:iterator> 21 }; 22 </script> 23 <div class="ib-box"> 24 <s:select list="monthMap" id="yearList" onchange="aaa"></s:select> 25 </div> 26 27 <div class="ib-box"> 28 <select id="monthList" ></select> 29 </div> 30 <div class="ib-box"> <s:submit value="検索" /> </div> 31 //その他処理 32 </s:form> 33 </div> 34 </div> 35</div>
のような感じで処理を書いています。
<script>の中身をhtml文上のほうに書くと「],」の場所でコンパイルエラーが起き、この書き方をすると「<s:iterator>」の箇所でエラーが起きてしまいます。 YearListに年を入れ、その年に対応する月をmonthListに入れることは可能なのでしょうか? ご教授よろしくお願いします。 エラー箇所の画像 --- ![エラー文](693de2e95e92826c174f476c4d2ab520.png) ![エラー文](8c11e4727886e45042a33e2b8440bb9e.png)回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/07/19 04:06 編集
2016/07/19 02:47
2016/07/19 03:29
2016/07/19 04:06
2016/07/19 04:10
2016/07/19 05:49
2016/07/19 06:31
2016/07/19 06:54
2016/07/19 07:24
2016/07/19 07:42
2016/07/19 08:10
2016/07/19 08:16
2016/07/19 08:49
2016/07/20 00:24
2016/07/20 00:45
2016/07/20 01:34
2016/07/20 01:36