そのまま表示

<html>
<meta http-equiv="content-type" charset="utf-8">
<head>
<title>ComboBoxText_Wareki</title>
</head>
<body>

<select id="ComboBox1" onchange="ComboBoxChange1();"/>
<input type="text" id="Text1" onkeyup="TextChange1();" ><br>

<div id="ViewString"></div>

<br>

<script language="JavaScript">
	
	// 起動時に実行
	window.onload = function(){
		
		// 内容初期化
		ComboBoxInit1();
		
		// 内容変更時
		ComboBoxChange1();
		TextChange1();
		
	}
	
	// 内容初期化
	function ComboBoxInit1() {
		
		var TmpCmbBox = document.getElementById("ComboBox1");
		
		// 固定値セット
		AddComboBoxItemStr( TmpCmbBox , 'H30' );
		AddComboBoxItemStr( TmpCmbBox , 'H31' );
		AddComboBoxItemStr( TmpCmbBox , 'H32' );
		AddComboBoxItemStr( TmpCmbBox , 'R1'  );
		AddComboBoxItemStr( TmpCmbBox , 'R2'  );
		AddComboBoxItemStr( TmpCmbBox , 'R3'  );
		
		// 変動値セット
		var ima = new Date(); // 今日の日付
		var YearST = ima.getFullYear() - 2020; // ２年前の令和年取得
		var YearED = YearST + 5; // ５年分を予定
		
		for( var YearWK = YearST ; YearWK < YearED ; YearWK++ ) {
			// 令和3年までは初期値で入れているので、令和3年以降のみ追加
			if( YearWK > 3 ) {
				AddComboBoxItemStr( TmpCmbBox , 'R' + YearWK  );
			}
		}
		
	}
	
	// コンボボックスに項目追加
	function AddComboBoxItemStr( SetCmbBox , SetItemStr ) {
		
		var TmpOption = document.createElement("option");
		TmpOption.text = SetItemStr;
		SetCmbBox.appendChild( TmpOption );
		
	}
	
	// コンボボックス変更時
	function ComboBoxChange1() {
		
		// 変更値取得
		var WrkString = document.getElementById("ComboBox1").value;
		
		// テキストボックスに上書き
		document.getElementById("Text1").value = WrkString;
		
		// 文字内容変更時
		TextChange1();
		
	}
	
	// 文字内容変更時
	function TextChange1() {
		
		var WarekiList = [ [ 'M' , 1867 , '明治' ]
		                 , [ 'T' , 1911 , '大正' ]
		                 , [ 'S' , 1925 , '昭和' ]
		                 , [ 'H' , 1988 , '平成' ]
		                 , [ 'R' , 2018 , '令和' ]
		                 ];
		
		// 文字取得
		var WrkStr = document.getElementById("Text1").value;
		
		// 和暦検索
		var WrkNen = 0;
		var WrkIdx = 0;
		for( WrkIdx = 0 ; WrkIdx < WarekiList.length  ; WrkIdx++ ) {
			// 先頭文字から判別
			if( WrkStr.slice( 0 , 1 ).toUpperCase() == WarekiList[ WrkIdx ][0] ){
				WrkNen = Number( WrkStr.slice( 1 ) ) + WarekiList[ WrkIdx ][1];
				break;
			}
		}
		// 一致しない場合
		if( WrkIdx == WarekiList.length ) {
			// 西暦入力として処理
			WrkNen = Number( WrkStr );
		}
		
		// 和暦ごとの表示内容生成
		var SetStr = '';
		for( WrkIdx = 0 ; WrkIdx < WarekiList.length  ; WrkIdx++ ) {
			if( WrkNen >  WarekiList[ WrkIdx ][1] ) {
				SetStr =  WarekiList[ WrkIdx ][2] + ( WrkNen -  WarekiList[ WrkIdx ][1] ) + '年 ' + SetStr;
			}
		}
		
		// 結果表示
		document.getElementById("ViewString").innerHTML = WrkNen + '年 ' + SetStr;
		
	}
	
</script>

</body>
</html>
＜＜　広告　＞＞