javascript,html
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2<html> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5<title>無題ドキュメント</title> 6<script type="text/javascript"> 7var toyota=new Array("","86","bB","FJクルーザー","GS","IQ","MR-2","MR-S","RAV-4","SAI","WiLL Vi","WiLL Vs","WiLL サイファ","アイシス","アクア","アバロン","アベンシスセダン","アベンシスワゴン","アリオン","アリスト","アルテッツァ","アルテッツァジータ","アルデオ","アルファード","アレックス","イスト","イプサム","ウィッシュ","ウィンダム","ヴァンガード","ヴィッツ","ヴェルファイア","ヴェロッサ","ヴォクシー","ヴォルツ","エスクァイア","エスティマ","エスティマエミーナ","エスティマルシーダ","オーパ","オーリス","オリジン","カムリ","カムロード","カリーナ","カリーナED","カリーナサーフ","カルディナ","カルディナバン","カローラ","カローラⅡ","カローラアクシオ","カローラセレス","カローラバン","カローラフィールダー","カローラランクス","カローラルミオン","カローラワゴン","ガイア","キャミ","クイックデリバリー","クラウン","クラウン コンフォート","クラウンエステート","クラウンマジェスタ","クラウンワゴン","クラシック","クルーガー","クレスタ","グラシア","グラシアワゴン","グランドハイエース","グランビア","コースター","コルサ","コロナ","サイノス","サクシード","シエンタ","スープラ","スターレット","スパーキー","スパシオ","スプリンター","スプリンターカリブ","スプリンタートレノ","スペイド","セラ","セリカ","セルシオ","センチュリー","ソアラ","ターセル","タウンエース","タウンエーストラック","タウンエースノア","タウンエースバン","タンドラ","ダイナ","ダイナトラック","チェイサー","ツーリングハイエース","デュエット","デリボーイ","トヨエース","トレノ","ナディア","ノア","ハイエース","ハイエースコミューター","ハイエーストラック","ハイエースバン","ハイラックス","ハイラックスサーフ","ハイラックストラック","ハリアー","パッソ","パッソセッテ","ビスタ","ビスタアルデオ","ビスタアルデオワゴン","ピクシスエポック","ピクシススペース","ピクシストラック","ピクシスバン","ピクシスメガ","ファンカーゴ","フォークリフト","ブレイド","ブレイド","ブレビス","プラッツ","プリウス","プリウスα","プレミオ","プログレ","プロナード","プロボックス","ベルタ","ポルテ","マークX","マークXジオ","マークⅡ","マークⅡクオリス","マークⅡバン","マークⅡブリット","マークⅡワゴン","メガクルーザー","ラッシュ","ライトエース","ライトエーストラック","ライトエースノア","ライトエースバン","ライトエースワゴン","ラウム","ラクティス","ランドクルーザー","ランドクルーザーシグナス","ランドクルーザープラド","レクサス","レクサス","レジアス","レジアスエース","レジアスエースバン","レビン"); 8var lexus=new Array("","CT","GS","HS","IS","IS-F","ISコンバーチブル","LS","RX","SC"); 9 10function carSet(){ 11 //オプションタグを連続して書き換える 12 for ( i=1; i<selbox.car.length; i++ ){ 13 //選択したリーグによって分岐 14 switch (document.selbox.maker.value){ 15 case "": document.selbox.car.options[i].text="";break; 16 //case "トヨタ": document.selbox.car.options[i].text=toyota[i];break; 17 case "トヨタ": document.selbox.car.options[i].text=toyota[i];break; 18 case "レクサス": document.selbox.car.options[i].text=lexus[i];break; 19 } 20 } 21 //車種名のセレクトボックスの選択番号を0にする 22 document.selbox.car.selectedIndex=0; 23} 24</script> 25</head> 26 27<body> 28 29<form name="selbox"> 30<p>メーカー</p> 31<select name="maker" onchange="carSet()"> 32<option value="" data-value="">選択してください</option> 33<option value="トヨタ" data-value="001">トヨタ</option> 34<option value="レクサス" data-value="015">レクサス</option> 35</select> 36 37<p>車種</p> 38<select name="car"> 39<option value="">選択してください</option> 40<option value=""></option><option value=""></option><option value=""></option><option value=""></option><option value=""></option><option value=""></option><option value=""></option><option value=""></option><option value=""></option><option value=""></option> 41</select> 42</form> 43 44</body> 45</html> 46
###前提・実現したいこと
javascriptの項目で、自動的にoptionを増減するようにしたい。
どうか、ご教授お願いします。m(_ _"m)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/11/27 13:11