어느 비전공자의 개발일지

select 선택한 option값 controller로 보내서 처리하기 본문

백엔드 개발자/JavaScript

select 선택한 option값 controller로 보내서 처리하기

vndn629 2023. 4. 28. 13:43

 

 

 

JSP(HTML)

select option 으로된 <td>가 여러줄이 있고. 줄마다 option이 존재하고 [ 신청,접수확인,승인,반려(빈칸) ] 이 있다.

각 행 마다 option값을 변경하면 ( 몇번째 행에서 무슨 option이 변경이 되는지를 ) 같이 넘겨 주어야 한다.

1. 첫번째 행을 신청 -> 승인으로 바꾼다

2. 첫번째 행은 게시글 번호가 몇번인지랑, 승인option(value)값을 같이 넘겨야한다.

JSP

Tip onchange 함수를 통해 APPLY_ID를 함수 안에 넣어주고 , this.value <<<를 하면 몇번 게시글의 option값이 들어간다 !

 

<select id="adminSelectBox" onchange="selectBoxChange('${result.APPLY_ID}',this.value);" style="text-align: center;">
	<option value="LOAN_APY_DATE">신청</option>
	<option value="RECPT_DATE">접수 확인</option>
	<option value="APPR_DATE">승인</option>
	<option value="DEL_DT">반려</option>
<select>

 

 

 

Javascript

같은 함수명을 써주고 파라미터로 받을값을 아무 text나 써주고 .ajax를 통해

{ "넘길이름" : 값 , "넘길이름" : 값 } 으로 넘겨줘서 처리하면된다.

 

function selectBoxChange(id,th) {

	if(confirm("변경 하시겠습니까?")) {
		$.ajax({
			url: "/loans/loansAdminAjax.do",
			type: "POST",
			data : {"btn" : id , "btnValue":th} ,
			success: function(data, textStatus, xhr) {
				alert("변경 성공!");		
				document.location.reload(true);
				console.log(data);
			},
			error: function(xhr, status, error) {
				console.log(error);
				alert("실패")
			}
		});
	} else {
	}
}

 

 

 

Controller

@RequestMapping(value="/loans/loansAdminAjax.do")
	@ResponseBody
	public String LoansAdminMain(LoansVO loansVO,@RequestParam("btn")String btn,@RequestParam("btnValue")String btnValue) {
		
        @RequestParam 으로 받았다.
		생략
		
		return "";
	}

 

 

 

반응형