プルダウンリストのデフォルトの選択項目



記事へ戻る --- 愚鈍人ホーム
JavaScriptの参考書 ／  Ajaxの参考書 ／  HTMLの参考書 ／  CSSの参考書

 

htmlソース

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>プルダウンリストのデフォルトの選択項目</title>
<link href="/gudon/css/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>プルダウンリストのデフォルトの選択項目</h1>
<hr />
<form name="form1" action="test1.php">
	<select name="select1">
		<option value="value1">text1</option>
		<option value="value2" selected>text2</option>
	</select><br />
	<input name="button1" type="button" value="ボタン1"
		onclick="button1_onclick(this.form.select1);"/><br />
</form>
<script type="text/javascript">
	function button1_onclick(select1){
		for(var i=0;i<select1.options.length;i++){
			if(select1.options[i].defaultSelected){
				alert(i+"番目の項目がデフォルトの選択項目です。");
			}
		}
	}
</script>
</body>
</html>