select1.html 1.24 KB

Raw Blame History Permalink

<?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>