<select>タグで選択されている<option>タグは、'select'エレメントの'selectedIndex'にインデックス番号で格納されています。 この値を変更すると、選択している<option>タグを変更する事ができます。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" language="javascript">
<!--
function OnChange( index )
{
// selectエレメント取得
var elmSelect = document.getElementById( "id_select" );
// 選択されているoptionタグのインデックスを変更
elmSelect.selectedIndex = index;
// lengthを表示
document.getElementById( "id_result" ).innerHTML = "selectedIndex = " + index + "<br/>";
}
// -->
</script>
</head>
<body onload="OnLoad()">
<h1><select>タグの中の選択されている<option>タグを変更する</h1>
<select id="id_select" onchange="OnChange();">
<option>アイテム１</option>
<option>アイテム２</option>
<option>アイテム３</option>
<option>アイテム４</option>
<option>アイテム５</option>
</select>
<h2>操作</h2>
<input type="button" value="アイテム1を選択" onclick="OnChange( 0 );"><br/>
<input type="button" value="アイテム2を選択" onclick="OnChange( 1 );"><br/>
<input type="button" value="アイテム3を選択" onclick="OnChange( 2 );"><br/>
<input type="button" value="アイテム4を選択" onclick="OnChange( 3 );"><br/>
<input type="button" value="アイテム5を選択" onclick="OnChange( 4 );"><br/>
<h2>実行結果</h2>
<div id="id_result">
</div>
</body>
</html>
selectedIndex = 4
