springBootで動的にOptionを変更したいです

springBootで動的にOptionを変更したいです。

メインのオプションの選択に従って
サブのオプションの選択肢を変化させたいのですが、
どのようにしていいのかが浮かびません…。
アドバイスいただけると助かります。

■java コントローラー

　List mainoptionList;
　List suboptionList;
　→SubOptionはString option、String suboptionを持ちます。
　
　 mav.addObject("mainoptionList", mainoptionList);
　 mav.addObject("suboptionList", suboptionList);

■HTML5＋thymeleaf

<select id="mainoption" name="mainoption">
    <option th:each=" mainoption : ${ mainoptionList } "
        th:text=" ${ mainoption } "></option>
</select>
<select id="suboption" name="suboption">
    <option th:each=" suboption : ${ suboptionList } "
        th:text=" ${ suboption.suboption } "></option>
</select>

以下でサブオプションを入れ替えればいい…と思うのですが、
コントローラーからわたってきたsuboptionListをどのようにJSで受け取ればいいのかわからない状態です。

■JS

$('#mainoption').on('change', function(){
});