■セレクト（リスト）の選択状態を参照、変更したい
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>セレクト（リスト）の選択状態を参照、変更したい</title>
<script type="text/JavaScript">
<!--
function sel_disp() {
var i = document.fm1.select_1.selectedIndex;
document.fm1.disp_index.value = i;
if (!(i==-1)) {
document.fm1.disp_data.value = document.fm1.select_1.options[i].text;
}
}
function sel_chg1() {
document.fm1.select_1.selectedIndex = 2;
sel_disp();
}
// -->
</script>
</head>
<body>
<p>■セレクト（リスト）の選択状態を参照、変更したい</p>
<form name="fm1" action="mailto:tateda-yoshio@nifty.com" method="post" enctype="text/plain">
<p><input type="button" onclick="sel_disp()" value="選択のチェック">
<input type="button" onclick="sel_chg1()" value="「中部・関西」を選択"></p>
<p>インデックス番号＝<input type="text" name="disp_index" size="20"><br>
選択内容＝<input type="text" name="disp_data" size="20"><p>
<hr>
<p>地域を選択してください：
<select name="select_1" size="5">
<option value="area1">北海道・東北</option>
<option value="area2">関東・甲信越</option>
<option value="area3">中部・関西</option>
<option value="area4">中国・四国</option>
<option value="area5">九州・沖縄</option>
</select></p>
</form>
</body>
</html>