リロード後にプルダウンの選択状態を維持する方法

質問

どなたかおしえてください。

2つのプルダウン(ドロップダウンリスト)があり、双方ともDBのテーブルのある一列を参照できます。
2つのプルダウンが、A,及びBと仮定した場合、Aのあるデータを選択すると自動的にBが選択される状態です。
Bを選択するには、submitボタンを押下する必要があるのですが、押下すると画面がリロードされてしまい、Aの選択項目がデフォルト値に戻ってしまいます。
解決したいことは、リロード後もAの値を維持したいということです。

私が試している方法は、JavaScriptを使う方法なのですが、どうもうまくいきません。下記のコードを追加すると、CGIエラーになってしまいます。

print "<script language=javascript src=pull.js>\n";
print "</script>\n";

print "<select name=from onChange=menuLink(this.options[this.selectedIndex].value)>\n";

【pull.js】
<script language="JavaScript">
<!--
function menuLink(linkLoc){
if (linkLoc != ""){
parent.main.location.href = linkLoc;
}
}
// -->
</script>

識者の方情報を提供いただけないでしょうか。

回答No.1

moon_night · ベストアンサー

素直にCGIだけで処理してはだめですか？

<select name="a">
<option value="a1"
if ($FORM{'a'} eq 'a1') { print " selected"; }
>a1</option>
<option value="a2"
if ($FORM{'a'} eq 'a2') { print " selected"; }
>a2</option>
</select>

みたいな形で。。
（一部 print 省略。）