ドロップダウンから数字を選んでボタンを押すと、変数に値が渡される。渡されるのは文字列なのでNumber()で数字にする。※select の value は文字列でしか渡せない。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>title</title>
</head>
<body>
<button id="btn_reload">Click!</button>
<script>
var x;
document.getElementById('btn_reload').addEventListener('click', function setSelectNumber(){
var selectElement = document.getElementById("select");
console.log(selectElement.value, typeof selectElement.value); // string
x = Number(selectElement.value); // to number
console.log(x, typeof x);
});
console.log(x, typeof x); // 最初だけ undefined が出る
</script>
<select id="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</body>
</html><option value="1">1</option>
<option value="2">2</option>
</select>
でvalue="1" でも value=1
でも同じように文字列になる。
ので、受け取ってからintにキャストする。
https://stackoverflow.com/questions/1133770/how-do-i-convert-a-string-into-an-integer-in-javascript
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q13172492328
0 件のコメント:
コメントを投稿