[PHP-users 14360] Re: フォームの他の部品を参照

2003年 3月 27日 (木) 15:06:09 JST

こんばんは、奥様です。

こんな感じでしょうか。
phpじゃなくてjavascriptですが。。。
なんかいまいち挙動不信な気がするのでおかしい所あったら教えてくれると
助かります。

それでは、失礼します。

<html>
<script language="javascript">
<!--

var _area = [
  [0,1,"北海道・東北"],
  [0,2,"関東"],
  [0,3,"信越・北陸"]
];

var _subArea = [
  [1,1,"北海道"],
  [1,2,"青森"],
  [1,3,"秋田"],
  [2,4,"東京"],
  [2,5,"神奈川"],
  [3,6,"富山"]
];

var _subSubArea = [
  [4,1,"池袋"],
  [4,2,"新宿"],
  [4,3,"渋谷"]
];

function chg(subCatAry,pID,chgForm,delForm){
  if(delForm){
    for (var i=delForm.options.length-1;i>= 0;i--){
      delForm.options[i] = null;
    }
  }

  var j = 0;
  for(var i=0;i<subCatAry.length;i++){
    if(subCatAry[i][0] == pID){
      chgForm.options[j++] = new Option(subCatAry[i][2],subCatAry[i][1]);
     }
  }
}

function init(ary,fm){
  for(var i=0;i<ary.length;i++){
    fm.options[i] = new Option(ary[i][2],ary[i][1]);
  }
  fm.options[0].selected = true;
}

//-->
</script>
<body onLoad="JavaScript:init(_area,document.F.area);">
<h1>test</h1>
<form name="F">
<select name="area" style="width:150" onChange="JavaScript:chg(_subArea,this.value,document.F.subArea,document.F.subSubArea);">
<option>選択</option>
</select>

<select name="subArea"  style="width:150" onChange="JavaScript:chg(_subSubArea,this.value,document.F.subSubArea);">
<option>選択</option>
</select>
<select name="subSubArea" style="width:150" >
<option>選択</option>
</select>

<input type="button" value="確認">
</form>
</body>
</html>

-- 
 <okusama_jp2000@yahoo.co.jp>

__________________________________________________
Do You Yahoo!?
Yahoo! BB is Broadband by Yahoo!  http://bb.yahoo.co.jp/