<!DOCTYPE HTML> <HTML> <HEAD> <TITLE>市の完了コードおよびレンダリングを持つ(湖南省を含む)3つのリンケージ、。</ TITLE> </ HEAD> <BODY> <SELECT ID = "省"> <オプション値= " - 1">は、</オプション>を選択 </ SELECT> <SELECT ID = "市"> </ SELECT> <SELECT ID = "国"> </ SELECT> <スクリプトタイプ= "テキスト/ JavaScriptを"> のvar provinceArr = [ "上海"、「江蘇省''河北省''湖南']; VARのcityArr = [ ['上海市']、 ['蘇州''南京''揚州']、 ['石家荘''秦皇島''張家口「]、 [ [「虎丘」、「呉領域」、「都市相」、「蘇州エリア」、「領域呉江」]、 [「玄武」、「秦領域」、「建業」、「ドラム領域」 'pukou']、 [ '漢江'、 'Guangling'、 '領域チヤントー'] ]、 [ [ '長安'、 '西領域'、 '新華領域'、 'Jingxingマイニング']、 [ '港湾エリア''領域山海関''北戴河エリア''領域funing ']、 ['領域の東''西領域'' Xuanhuaエリア''領域Xiahuayuan '] ]、 [ ['ハイビスカスエリア「」領域Yuelu「」天心「」オープンエリアフー「]、 [ 'Hetang'、 'Lusong'、 'Shifeng'、 '天元']、 [ 'Yuhu'、 'Yuetang'] ] Iにおける(VARデータ用){ ]。 関数creatOption(OBJ、データ){ city.onchange =関数(){ VaRのOP =新しいオプション(データ[i]は、I)。 obj.options.add(OP)。 } } VAR州=のdocument.getElementById( '州')。 creatOption(州、provinceArr)。 VAR市=のdocument.getElementById( "都市"); province.onchange =関数(){ city.options.length = 0。 creatOption(都市、cityArr [province.value])。 IF(province.value> = 0){ city.onchange()。 }他{ country.options.length = 0。 } }。 VAR国=のdocument.getElementById( "国"); country.options.length = 0; creatOption(国、countryArr [province.value] [city.value]); }。 </スクリプト> </ BODY> </ HTML>
<!DOCTYPE HTML> <HTML LANG = "EN"> <HEAD> <メタ文字コード= "UTF-8"> <メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0"> <メタHTTP-当量= "X-UA-互換性のある"コンテンツ= "IE =エッジ"> <タイトル>ドキュメント</ TITLE> </ HEAD> <BODY> <SCRIPT> のvar ARR = [1,2,3,4、 2,5,6,2,7,2]。 VAR ARR2 = arr.filter(関数(アイテム){ (項目!= 2){もし 戻り真 } }) はconsole.log(ARR2) </ SCRIPT> </ body> </ HTML>
<!DOCTYPE HTML> <HTML LANG = "EN"> <HEAD> <メタ文字コード= "UTF-8"> <メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0"> <メタHTTP-当量= "X-UA-互換性のある"コンテンツ= "IE =エッジ"> <タイトル>ドキュメント</ TITLE> <スタイル> #div { 幅:400ピクセル; 高さ:400ピクセル; 背景色:#CCC; マージン:100pxに自動; } .add { ボーダー:10pxの赤ダブル。 } </スタイル> </ HEAD> <BODY> < のvar BTN =のdocument.getElementById( '変更'); VaRのDIV =のdocument.getElementById( 'DIV') btn.onclick =関数(){ div.classList.add( '追加') } </ SCRIPT> </ body> </ HTML>