[jQuery] Select Box readonly

 

<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;'
>