####### tags: 2019年鐵人賽 、 JS
因為不了解，寫多了很多不必要的程式啊！
HTML
<select id="monthSelect" onchange="selectTime_mm()">
<option value="">--請選擇月份--</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
一
需修改的觀念：
<head> 區，頁面還沒渲染完就讀到。var month3
function selectTime_mm(){
let num_mm = document.getElementById('monthSelect').value
//console.log(num_mm)
return month3 = num_mm
//console.log(typeof num_mm)
//console.log(typeof month3)
}
month3 = selectTime_mm()
var obj = {
month: month3,
district: '東區'
}
二
以為改好了
var month3
var obj = {}
function selectTime_mm(){
let num_mm = document.getElementById('monthSelect').value
console.log(num_mm)
month3 = num_mm
console.log(typeof num_mm)
console.log(typeof month3)
obj = {year: month3 , district: '東區'};
}
getElementById()，取得當前 webpage 的狀態(都是 string)parseInt() 將 string 轉整數{} block 裡，onchange 事件觸發一次就執行一次，所以變數用const <感謝Chris勘誤><body> 區，頁面渲染完才讀到。function selectTime_mm(){
const selectMonth = parseInt(document.getElementById('monthSelect').value)
let obj = {year: selectMonth, district: '東區'}
}
<select id="monthSelect" onchange="selectTime_mm()">
頁面 onchange 觸發一次，執行一次。
謝謝～會再表達清楚一點～
大哥是對的！
iThome鐵人賽
看影片追技術