<SELECT>選択メニューを連動させるには?

[上に] [前に] [次に]
ちえぞう [E-Mail] 1998/07/17(金) 15:09:09
<SELECT>タグを使用して、リストボックス的な、選択メニュー
を作成することができますが、これを二つ並べて連動させるような
ことはできるでしょうか?

 例えば、ファイル選択のダイアログボックスのディレクトリの
リストボックスと、ファイルのリストボックスの関係のように、
ディレクトリを変更すると、その隣の、ファイルのリストボックスも
内容が変わるといった具合にです。

まる高 [E-Mail] [HomePage] 1998/07/20(月) 13:42:13
こんなものでどうでしょう。

<HTML>
<SCRIPT Language="JavaScript">
<!--
function SelectSelect(form,opt)
{
        pos = opt.selectedIndex+1;
document.SelectTest.sel2.options[0].value = "file"+pos+"1" ;
document.SelectTest.sel2.options[0].text = "file"+pos+"1" ;
document.SelectTest.sel2.options[1].value = "file"+pos+"2" ;
document.SelectTest.sel2.options[1].text = "file"+pos+"2" ;
document.SelectTest.sel2.options[2].value = "file"+pos+"3" ;
document.SelectTest.sel2.options[2].text = "file"+pos+"3" ;
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="SelectTest">
<SELECT NAME="sel1" SIZE=5 onChange="SelectSelect(this.form,this)"><OPTION VALUE="dir1">dir1<OPTION VALUE="dir2">dir2<OPTION VALUE="dir3">dir3<OPTION VALUE="dir4">dir4<OPTION VALUE="dir5">dir5</SELECT>
<SELECT NAME="sel2" SIZE=10><OPTION VALUE="file11">file11<OPTION VALUE="file12">file12<OPTION VALUE="file13">file13</SELECT>
</FORM>
</BODY>
</HTML>

ちえぞう [E-Mail] 1998/07/21(火) 10:22:21
まる高さんありがとうございました。
たいへん勉強になりました。

ついでといっては、ずうずうしいのですが、同様のことをJavaScript
以外の方法で達成することは可能でしょうか?
例えば、CGIなんか使うと画面が変わっちゃうんですよね?
あ、その前に、onChangeでCGIをコールする事ってできないのか。
(なにぶん、シロウトなもので...)

PTAN [E-Mail] [HomePage] 1998/07/21(火) 12:32:07
JAVAを使えば可能です。
LiveConnectすれば、onChangeで画面切り替え無しに
CGIをコールすることも可能です。

ちえそう 1998/07/22(水) 11:55:29
[[解決]]
PTANさんありがとうございます。
ちょっと調べたんですけれど、LiveConnectって、
結構難しそうですね。
でも、知識としてそういう技術が存在するということを
知りえただけでもとても有用でした。

[上に] [前に] [次に]