저번부터 이어서 작업하는 내용에 버튼이 전부 셀렉트 박스로 바뀌어버려서
기능을 전환시키는게 좀 힘들군요 ...
버튼을 누루면 눌린 버튼을 유지해지는 기능이 달려있는 상태인데
그걸 셀렉트박스에 selected 옵션으로 구현해야 하는경우가 굉장히 많이 있었습니다
생각보다 자주 사용하는데 바빠서 정리를 못했습니다
보통은 컨트롤로에서 플래그를 주고 selected 를 제어했는데
이번엔 좀 특이한 케이스여서 jQuery 로 제어하게 되었내요
|
1
2
3
|
<select id="flag">
<option value="1">선택</option>
</select>
|
예시로 이러한 SelectBox 가 존재할 경우에 value 값이 '1' 인 옵션을 selected 시켜주고 싶으면
|
1
|
$("#flag").val("1").prop("selected", true);
|
이런식으로 사용해주면 됩니다.
추가로 '이외의 옵션을 선택하지 않는다'의 경우는 의미가 없는 생각이므로
true 를 따로 false 로 해서 코딩해줄 필요가 없습니다
출처 : http://blog.freezner.com/archives/1139
[jQuery] 스크립트로 select option 선택/변경하는 방법
jQuery를 이용해 select의 옵션을 원하는대로 변경하는 방법을 소개해드립니다. 이런 경우 사용이 되겠습니다. 옵션을 선택하고 다시 셀렉트 박스를 초기화 해야하는 경우 버튼을 클릭하거나 특정 이벤트가 발생하는 경우 자동으로 셀렉트 박스의 옵션을 변경해야 하는 경우 코드는 아래와 같습니다. 방법1. on change 이벤트 함수 내 사…
blog.freezner.com
'Web Programming > JavaScript' 카테고리의 다른 글
| Javascript 를 이용한 모바일 화면회전 서치 (0) | 2019.08.22 |
|---|---|
| Modal PopUp 사용하기 (0) | 2019.06.10 |
| jQuery 날짜를 지정하는 Datepicker (0) | 2019.05.26 |
| XSS 크로스 사이트 스크립팅 (0) | 2019.05.21 |