Javascriptが動かない理由がわかりません
fiscalYear is not defined at Object.<anonymous>
というエラーが出てしまいます。このエラーからfiscalYearが読み取れてないと思いました。JSが動いているかconsole.log("123");`で試してみたのですが、出力されないじょうたいです。下記に記載しましたJSの2つをつなげたいのですが、なぜ連動させられないのかがわかりません。教えていただきたいです。m(__)m
Javascript
$(function(){
$('input[name="fiscal_year"]').on('change',function(){
$('select[name="selectyearMonth"] option').remove();
$('select[name="selectyearMonth"]').append($("<option></option>"));
if($(this).val() != ""){
for(i=4;i<=15;i++){
let m = (i<13)?i:(i-12);
m =('0' + m).slice(-2);
let y = (i<13)?$(this).val():parseInt($(this).val())+1;
let op =$("<option></option>",{
value:y+m,
html:y+"年"+m+"月"
});
$('select[name="selectyearMonth"]').append(op);
}
}
});
});
function setSelect(){ console.log("123");
var selectElement = document.getElementById("setSelect");
for(var i = 1; i <= 12; i ++){
var option = document.createElement("option");
option.value = i;
option.innerText = i;
selectElement.appendChild(option);
}
}
html
<tr>
<th>年度 / 年月</th>
<td>
<input name="fiscal_year" maxlength='4'> 年
<select name="selectyearMonth" style="width: 40%;" id="setSelect"></select> 月
<script th:src="@{/js/year.js}"></script>
</td>