Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- linux 데이터베이스
- NULL
- fullcalenda 일정수정
- fullcalenda 일정추가
- fullcalenda 사용법
- linux mysql설치
- fullcalenda 캘린더
- red hat mysql
- red hat linux mysql
- fullcalenda 일정
- linux db설치
- linux dump
- fullcalenda
- 정규표현식
- linux java설치
- IP
- fullcalenda 등록
- Linux
- fullcalenda 추가
- 키보드단축기
- Java
- TCP
- Java정규표현식
- 패킷
- linux dump하는법
- red hat java설치
- fullcalenda 수정
- red hat db
- select
- 키보드명령어
Archives
- Today
- Total
어느 비전공자의 개발일지
select 선택한 option값 controller로 보내서 처리하기 본문
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 "";
}
반응형
'백엔드 개발자 > JavaScript' 카테고리의 다른 글
Java 많이쓰는 정규표현식 (0) | 2023.05.24 |
---|---|
prop, attr 대해서 알아보자 (0) | 2023.05.01 |
JavaScript - 가격(숫자)입력시 자동 , 찍기 (0) | 2023.04.19 |
자바스크립트 radio버튼 선택해제(클릭해제) 만들기 (0) | 2023.04.06 |