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 | 31 |
Tags
- ios app 개발
- js달력
- opcpackage
- xlsx-streamer
- PostgreSQL
- 전자서명개발
- poi monitorjbl
- mysql
- Xcode
- spring annotation
- xcode swift memo
- Swift
- MSsql
- 달력기능개발
- monitorjbl 엑셀
- xcode12.5.1
- outofmemoryerror 방지
- swift 메모장 만들기
- monitorjbl
- xssreader
- jxls 엑셀
- 전자서명기능구현
- js 전자서명
- fullcalendar js
- Oracle
- 대용량엑셀업로드
- poi 대용량
- jxls
- xssfworkbook
- swift 계산기
Archives
- Today
- Total
web developer👩🏻💻
[jQuery] Select Box readonly 본문
728x90
<input> | display:none | disabled | readonly O |
<select></select> | display:none | disabled | readonly X |
select box 에 disabled 속성을 부여한 경우,
"POST" request 를 했을 때, 값을 전달하지 못한다.( = 폼데이터를 컨트롤러로 보낼 수 없다. )
그러면 어떻게 해야할까?
이를 위한 방법 2가지를 정리해보았다.
1. .prop('disabled',true); .prop('disabled',false);
document.ready 에서 'disabled',true -> 컨드롤러에 request 할때 false로 바꿔주기
그러면 폼데이터 컨트롤러로 전송 가능
<script>
$(document).ready(function() {
$("#select1").prop('disabled',true);
$("#select2").prop('disabled',true);
});
fn_save(){
$("#select1").prop('disabled',false);
$("#select2").prop('disabled',false);
}
</script>
2. 콤보박스(select)에서 Readonly 효과주기 (옵션은 출력됨)
<select
id='selectNum'style='background-color:#ababab'
onFocus='this.initialSelect = this.selectedIndex;'
onChange='this.selectedIndex = this.initialSelect;'
>
'js' 카테고리의 다른 글
[jQuery] ajax method option (0) | 2021.04.01 |
---|---|
[jQuery] 배경색, 글자색 변경 (0) | 2021.03.26 |
[javaScript] <script> defer ? (0) | 2021.03.22 |
[javaScript] input 값 숫자가 아닐경우 지우기 (0) | 2021.03.22 |
[jQuery] 펼치기 접기 (0) | 2021.03.15 |