select1.html
1.24 KB
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>ラジオボタンでセレクトメニューの内容を切り替える</title>
<link href="common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="select1.js"></script>
</head>
<body bgcolor="#ffffff">
<h1>ラジオボタンでセレクトメニューの内容を切り替える</h1>
<p>
商品グループのラジオボタンにチェックを入れると、セレクトメニューの内容が動的に変化します。
</p>
<form action="">
<p>
<label for="code">■ 商品グループ </label>:
<input type="radio" name="group" id="a" value="a" />液晶ディスプレイ
<input type="radio" name="group" id="b" value="b" />CRTディスプレイ
<input type="radio" name="group" id="c" value="c" />その他用品
</p>
<p>
<label for="item">■ 商品名 </label>:
<select name="item" id="item">
<option vlaue="">商品グループを選択してください</option>
</select>
</p>
</form>
</body>
</html>