Java program

notice Java 18
change







<!DOCTYPE html>
<html lang="ja" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <title>Dolteng Auto Generated</title>
    <link th:href="@{/css/bootstrap.min.css}" href="<c:url value="/css/bootstrap.min.css"/>" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" href="<c:url value="/css/style.css"/>" rel="stylesheet"/>
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
  <s:form method="POST">
<html:errors/>
お名前をどうぞ
    <html:text property="name" />
    <input class="btn btn-primary" type="button" value="承認" id="approve" data-loading-text="実行中" autocomplete="off"/>
    <p>inputList.jsp</p>
    <p>:${mess}:</p>
	<table class="table table-striped">
	  <thead>
	    <tr>
	      <th>koban</th>
	      <th>komei</th>
	      <th>queryId</th>
	      <th>verNo</th>
	    </tr>
	  </thead>
	  <tbody>
	  <c:forEach items="${rqList}" var="rqItem">
		<tr>
			<td>${rqItem.koban}</td>
			<td>${rqItem.komei}</td>
			<td>${rqItem.queryId}</td>
			<td>${rqItem.fmtVerNo}</td>
		</tr>
	  </c:forEach>
	  <tbody>
	</table>
	<p>
	  部課：
	  <select name="buka">
	    <option value="">選択してください</option>
	    <option value="11aaaa">東京部</option>
	    <option value="22bbbb">大阪部</option>
	    <option value="33cccc">名古屋部</option>
	    <option value="44dddd">福岡部</option>
	  </select>
	  社員：
	  <select name="shain">
	    <option value="">選択してください</option>
	  </select>
	  <input class="btn btn-primary" type="button" value="部課社員を設定" id="selShain"/>
	  <span class="message1"></span>
	</p>
	<p>
	  協力会社：
	  <select name="kaisha">
	    <option value="">選択してください</option>
	    <option value="AAA">朝日株式会社</option>
	    <option value="BBB">明治株式会社</option>
	    <option value="CCC">大正株式会社</option>
	    <option value="DDD">昭和株式会社</option>
	  </select>
	  作業員：
	  <select name="sagyoin">
	    <option value="">選択してください</option>
	  </select>
	  評価：
	  <select name="hyouka">
	    <option value=""></option>
	    <option value="1">A</option>
	    <option value="2">B</option>
	    <option value="3">C</option>
	  </select>
	  <input class="btn btn-primary" type="button" value="協力会社作業員評価を設定" id="selSagyoin"/>
	  <span class="message2"></span>
	</p>

	<p>
	  課名：
      <input type="text" name="kaname" size="40" maxlength="20" readonly="readonly" value="初期課">
      社員名：
      <input type="text" name="shainname" size="40" maxlength="20" readonly="readonly" value="初期社員">
	  評価：
	  <select name="hyoukaname">
	    <option value=""></option>
	    <option value="1">A</option>
	    <option value="2">B</option>
	    <option value="3">C</option>
	  </select>
	</p>

  </s:form>
<!-- モーダル・ダイアログ -->
<div class="modal fade" id="approveModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span>×</span></button>
                <h5 class="modal-title"><strong>承認</strong></h5>
            </div>
            <div class="modal-body">
                <p>選択した承認を更新しますか？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" id="approveYes">はい</button>
                <button type="button" class="btn btn-default" data-dismiss="modal" id="approveNo">いいえ</button>
            </div>
        </div>
    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
  <script type="text/javascript">

    $(":text[name='name']").on('change', function(){$(this).val($(this).val().toUpperCase());});
    $('#approve').on('click', function(){
            $('#approveModal').modal({keyboard: false, backdrop: "static",});
        return false;
    });
    $('#approveModal').on('show.bs.modal', function (e) {
    	if ( $(":text[name='name']").val() == '' ) {
        	$("div.modal-body p").text("名前を入力してください");
    	} else {
        	$("div.modal-body p").text("OKKK!!");
    	}
   	})

   	$("select[name='buka']").on('change',function(){
   		var val = $(this).val();
    	var $selShain = $("select[name='shain']");
    	$("option:not(:first)", $selShain).remove();
   		if ( val ) {
   		  $.ajax({
   		    url: '<c:url value="/echo/shainList"/>',
   		    type: 'GET',
   		    data: "buka=" + val.substring(0,2),
   		    dataType: 'json',
   		    cache: false,
   		    success: function(json){
                $.each(json, function(idx, vals){
                	$selShain.append($('<option>').text(vals.name).attr('value', vals.id));
                });
   		    }
   		  });
   		}
   	});


    $("#selShain").on("click",function(){
    	$optionBuka = $("select[name='buka'] option:selected");
    	$optionShain = $("select[name='shain'] option:selected");
    	if ( $optionBuka.val() && $optionShain.val()) {
    		$(":text[name='kaname']").val($optionBuka.text());
    		$(":text[name='shainname']").val($optionShain.text());
    		$("span.message1").html('');
    	}else{
    		if($optionBuka.val()){
    			$(":text[name='kaname']").val($optionBuka.text());
    		}else{
    			$(":text[name='kaname']").val('');
    		}
    		if($optionShain.val()){
    			$(":text[name='shainname']").val($optionShain.text());
    		}else{
    			$(":text[name='shainname']").val('');
    		}
    		$("span.message1").html('社員を選択してください');
    		$("span.message1").css('color','red');
    	}
    });

   	$("select[name='kaisha']").on('change',function(){
   		var val = $(this).val();
    	var $selSagyoin = $("select[name='sagyoin']");
    	$("option:not(:first)", $selSagyoin).remove();
    	$("select[name='hyouka']").val($("option:first", $("select[name='hyouka']")).val());
   		if ( val ) {
   		  $.ajax({
   		    url: '<c:url value="/echo/sagyoinList"/>',
   		    type: 'GET',
   		    data: "kaisha=" + val,
   		    dataType: 'json',
   		    cache: false,
   		    success: function(json){
                $.each(json, function(idx, vals){
                	$selSagyoin.append($('<option>').text(vals.name).attr('value', vals.id));
                });
   		    }
   		  });
   		}
   	});

   	$("select[name='sagyoin']").on('change',function(){
   		var kaisha = $("select[name='kaisha']").val();
   		var val = $(this).val();
    	var $selHyouka = $("select[name='hyouka']");
    	$selHyouka.val($("option:first", $selHyouka).val());
   		if ( val ) {
   		  $.ajax({
   		    url: '<c:url value="/echo/hyokaList"/>',
   		    type: 'GET',
   		    data: "kaisha=" + kaisha + "&sagyoin=" + val,
   		    dataType: 'json',
   		    cache: false,
   		    success: function(json){
            	$selHyouka.val(json);
   		    }
   		  });
   		}
   	});

    $("#selSagyoin").on("click",function(){
    	$optionKaisha = $("select[name='kaisha'] option:selected");
    	$optionSagyoin = $("select[name='sagyoin'] option:selected");
    	$optionHyouka = $("select[name='hyouka'] option:selected");
    	if ( $optionKaisha.val() && $optionSagyoin.val()) {
    		$(":text[name='kaname']").val($optionKaisha.text());
    		$(":text[name='shainname']").val($optionSagyoin.text());
    		$("select[name='hyoukaname']").val($optionHyouka.val());
    		$("span.message2").html('');
    	}else{
    		if($optionKaisha.val()){
    			$(":text[name='kaname']").val($optionKaisha.text());
    		}else{
    			$(":text[name='kaname']").val('');
    		}
    		if($optionSagyoin.val()){
    			$(":text[name='shainname']").val($optionSagyoin.text());
    		}else{
    			$(":text[name='shainname']").val('');
    		}
    		$("select[name='hyoukaname']").val($optionHyouka.val());
    		$("span.message2").html('作業員を選択してください');
    		$("span.message2").css('color','red');
    	}
    });
  </script>
</body>
</html>