動的なリストボックスを作るsample

javascript

せっかく作ったので、備忘録。たいしたもんじゃないですが。
当日から三日前のリストボックスを作成するjavascriptを作成しました。

<html>
<head>
<title>sample</title>
<script type="text/javascript" >
function init() {
	var obj = document.getElementById("dateid");
	while(obj.length != 0) obj.remove(0);
	
	
	date = new Date();
	var items = new Array(3);
	year = date.getYear();
	if (year < 2000) year += 1900;
	//alert("今日は " + year + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日です");
	items[0] = year + "/" +  (date.getMonth() + 1) + "/" + date.getDate();
	date = new Date(date.getYear(), date.getMonth(), date.getDate() - 1);
	//alert("昨日は " + year + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日です");
	items[1] = year + "/" +  (date.getMonth() + 1) + "/" + date.getDate();
	date = new Date(date.getYear(), date.getMonth(), date.getDate() - 1);
	//alert("一昨日は " + year + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日です");
	items[2] = year + "/" +  (date.getMonth() + 1) + "/" + date.getDate();

	for (var i=0; i < items.length; i++) {
		var element = document.createElement("option");
		element.setAttribute("value", items[i]);
		var textNode = document.createTextNode(items[i]);
		element.appendChild(textNode);
	
		obj.add(element, null);
	}
}

function checkvalue() {
	var obj = document.getElementById("dateid");

	for (var i=0; i < obj.length; i++) {
		alert(obj.options.item(i).value);
	}

}

</script>
</head>
<body>
<form name="form">
<input type="button" value="button" onclick="init()">
<select id="dateid" name="date">
	<option value="">date1</option>
	<option value="">date2</option>
	<option value="">date3</option>
</select>

<input type="button" value="check" onclick="checkvalue()">

</form>
</body>
</html>