06ザン・ジアン

<HTML>
<SELECT ID = "省">
<オプション値= " - 1">を選択</オプション>
</ SELECT>
<SELECT ID = "市"> </ SELECT>
<SELECT ID = "国"> </ SELECT>
<SCRIPT>
VAR provinceArr = [ '上海'、 '江蘇省'、 '河北省'、 '湖南'];
VAR cityArr = [
[ '上海']、
[ '蘇州'、 '南京' '揚州']、
[ '石家荘'、 '秦皇島'、 'Changgiakou']、
[ '長沙'、 '岳陽'、 '洲']
];
VARのcountryArr = [
[
[ '黄エリア'、 'ジン領域''寧''浦東']
]、
[
['虎丘''呉領域''都市相''蘇州エリア''領域呉江']、
['玄武''秦領域''建業''ドラム・エリア'' pukou ']、
['漢江'' Guangling ''領域チヤントー']
]、
[
['長安」、「ウェスト領域」、「新華領域」、「領域jingxing」]、
[「港エリア」、「領域山海関」、「北戴河エリア」、「領域funing」]、
[「領域の東」、「西領域」 'Xuanhuaエリア'、 '領域Xiahuayuan']
]、
[
[ 'Yuelu'、 'Yuhuaエリア'、 '海部地区'、 'ハイビスカス地域']、
[ 'Yueyanglouエリア'、 'イーグル山'、 'Yunxi'、 '湖水地方']、
[「天元エリア'' Hetang '' Husongエリア'' Shifeng「]
]
];
関数createOptionを（OBJ、データ）{
（IにおけるVARデータ）のために{
VAR =新たな新しいオプション-OP（データ[I]、 I）;
（OP）obj.options.add;
}
}
VARの省=のdocument.getElementById（ '州'）;
createOptionを（省provinceArr）;
VAR =のdocument.getElementByIdシティ（ 'シティ'）;
province.onchange関数= （）{
city.options.legth = 0;
createOptionを（市、cityArr [province.value]）;
};
VAR国=のdocument.getElementById（ '国'）;
city.onchange =関数（）{
country.options.length = 0;
createOptionを（国、countryArr [province.value] [city.value]）;
}。
province.onchange =関数（）{
city.options.length = 0。
createOptionを（都市、cityArr [province.value]）。
IF（province.value> = 0）{
city.onchange（）。
}他{
country.options.length = 0。
}
}。
</スクリプト>
</ HTML>

2、配列

<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>ドキュメント</ TITLE>
</ HEAD>
<BODY>
<スタイル>
のdiv {幅：100pxに。高さ：100pxに。国境：1pxの固体;}
</スタイル>
の<div> </ div>
<P> <ボタンID = "BTN">変更</ボタン> </ P>
<スクリプト>
varがBTN =のdocument.getElementById（ 'BTN' ）;
VaRのDIV = document.getElementsByTagName（ 'DIV'）[0];
btn.onclick =関数（）{
div.style.border = '二重赤'。
}
</ SCRIPT>

</ BODY>
</ HTML>

3、ボタン

</ BODY>
</ HTML>

学びます

おすすめ