JAVAScript

セレクトボックスで遊んでみた

 

セレクトボックスで簡単に中身を変えられないか？と思って色々と触ってみた結果、単純に出来たので、メモとして残しておきます。

<html>
<head>
<script language="JAVAScript">
<!--
	function SelectItemChange(num)
	{
		var selectItem = document.getElementById("SelectItem");
		selectItem.options.length = num;

		for (var i = 0; i < num; i++)
		{
			selectItem.options[i].value = "r" + ("00" + (i + 1)).slice(-2);
			selectItem.options[i].text = ("00" + (i + 1)).slice(-2);
		}
		return false;
	}
//-->
</script>
</head>
<body>
セレクトボックスを<br>
<input type="button" value="1個へ" onclick="JAVAScript:return SelectItemChange(1);"><br>
<input type="button" value="2個へ" onclick="JAVAScript:return SelectItemChange(2);"><br>
<input type="button" value="3個へ" onclick="JAVAScript:return SelectItemChange(3);"><br>
<input type="button" value="4個へ" onclick="JAVAScript:return SelectItemChange(4);"><br>
<input type="button" value="5個へ" onclick="JAVAScript:return SelectItemChange(5);"><br>
<br>
<input type="button" value="クリア" onclick="JAVAScript:return SelectItemChange(0);"><br>
<br>
<select id="SelectItem"></select>
</body>
</html>

ソース