「JavaScript/複数のコンボボックスを連動させたいの」の編集履歴(バックアップ)一覧はこちら
「JavaScript/複数のコンボボックスを連動させたいの」(2007/04/11 (水) 17:21:00) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
こんなかんじ。
> <script language="JavaScript"><!--
> menuItem = [["りんご","みかん","いちご",],["きゃべつ","はくさい","たまねぎ",],["あじ","さんま","ほっけ",],];
> function setMenuItem(n,codeb)
> {
> len = document.forms["mainform"].elements[codeb].options.length;
> for (i=len-1; i>=0; i--)
> {
> document.forms["mainform"].elements[codeb].options[i] = null;
> }
> for (i=0; i<menuItem[n].length; i++)
> {
> document.forms["mainform"].elements[codeb].options[i] = new Option(menuItem[n][i],menuItem[n][i]);
> }
> }
> // --></script>
>
>
> <form name="mainform" onsubmit = "return check()">
> <select name="CodeA" onChange="setMenuItem(this.selectedIndex,'CodeB')">
> <option selected="">くだもの</option>
> <option selected="">やさい</option>
> <option selected="">さかな</option>
> </select>
> <select name="CodeB" style="width:150px;">
> <option></option>
> </select>
> </form>
こんなかんじ。参考サイトさんのURLがみつかりません。。どうしよう。
見つかり次第追記しますです。
> <script language="JavaScript"><!--
> menuItem = [["りんご","みかん","いちご",],["きゃべつ","はくさい","たまねぎ",],["あじ","さんま","ほっけ",],];
> function setMenuItem(n,codeb)
> {
> len = document.forms["mainform"].elements[codeb].options.length;
> for (i=len-1; i>=0; i--)
> {
> document.forms["mainform"].elements[codeb].options[i] = null;
> }
> for (i=0; i<menuItem[n].length; i++)
> {
> document.forms["mainform"].elements[codeb].options[i] = new Option(menuItem[n][i],menuItem[n][i]);
> }
> }
> // --></script>
>
>
> <form name="mainform" onsubmit = "return check()">
> <select name="CodeA" onChange="setMenuItem(this.selectedIndex,'CodeB')">
> <option selected="">くだもの</option>
> <option selected="">やさい</option>
> <option selected="">さかな</option>
> </select>
> <select name="CodeB" style="width:150px;">
> <option></option>
> </select>
> </form>
表示オプション
横に並べて表示:
変化行の前後のみ表示: