セレクトボックスとテキストボックスの連動方法について（複数データの場合）

質問

お世話になります。よろしくお願いいたします。
>実現したい事のイメージ
セレクトボックスを変更すると、頭のテキストボックスの値が変更するようなホームページを作りたいと思っています。（下：画面例）
表は2重のループを用いて作成しています。
-
カテゴリー1
[OK]　商品11　［　飛行機　5日　▼］
[NO]　商品12　［　船　　 20日　▼］　
[NO]　商品13　［　トラック9日　▼］
カテゴリー2
[NO]　商品21　［　船　　 20日　▼］
[NO]　商品22　［　トラック9日　▼］　
[OK]　商品23　［　飛行機　5日　▼］
-
>現在のコードイメージ
<% for (int a=0;a < 5; a++) { %>
カテゴリー<%= a %>
<FORM name="<%= "X"+a %>" action="http://..." method="get">
<TABLE>
<% for (int b=0;b < 3; b++) { %>
<TR>
<TD><INPUT READONLY type="text" name="<%= "Z"+b %>"></TD>
<TD>商品<%= a %><%= b %></TD>
<TD>
<SELECT name="<%= "Y"+b %>" onChange="hantei('<%= "X"+a %>','<%= "Y"+b %>','<%= "Z"+b %>');">
<OPTION value="5" SELECTed>飛行機 5日(標準)</OPTION>
<OPTION value="20">船 20日</OPTION>
<OPTION value="9">トラック 9日</OPTION>
</TD>
</TR>
<% } %>
</FORM>
<% } %>
<script language="JavaScript">
<!--
function hantei(HXa,HYb,HZb){
var idx = document.HXa.HYb.selectedIndex;<-A
var c = eval(document.HXa.HYb.options[idx].value);<-B
if (c>10) {
document.HXa.HZb.value = "NO" ;
} else {
document.HXa.HZb.value = "OK" ;
}
}
//-->
</script>
>現状
上のコードイメージのA,Bで、"HXa"と"HYb"という文字列として認識されていると推測しています。
そこで、引数をdocumentで使用する方法をご存知の方、よろしくお願いします。

回答No.1

noname#23734 · ベストアンサー

document.forms[HXa].elements[HZb].value = "OK" ;
としたらどうでしょう

お礼

ご回答ありがとうございました！！
できましたー！！。
本当にありがとうございました。