prop()을 사용해 select 상태만 변경하기안녕하세요.고코더 입니다.이번 시간에는 prop으로 셀렉트 박스의 상태 값을 변경하는 방법을 알아보겠습니다.트리거는 사용자의 이벤트를 대신하는 느낌이라면 prop은 현재의 화면에 보여주는 옵션 상태 값을 변경 합니다. 가장 큰 차이는 change() 값에 바인딩 되지 않습니다● 1. 아래 소스를 한번 웹에서 보겠습니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> function propChagne(){ $("#gocoder").val("c").prop("selected", true); } </script> </head> <body> <select id="gocoder"> <option value="">셀렉트박스 선택</option> <option value="g">Go</option> <option value="c">Coder</option> </select> <input type="button" onclick="propChagne();" value="pro 셀렉트 박스 선택" /> </body> </html> | cs |
gocoder_propSelect.html● 2. 해당 파일을 웹에서 실행하신 다음 버튼을 클릭 합니다.
● 3. 그러면 왼쪽에 셀렉트 박스가 변경되어 있는걸 확인할 수 있습니다. prop으로 할경우 방문자에게 특정 셀렉트 박스를 보여주고 싶지만 이벤트 발생이 되지 않을때 사용하면 좋습니다.
마무리이벤트 종류가 많은 이유가 있습니다.
'IT_Developers > Javascript' 카테고리의 다른 글
| JavaScript - 문자열 맨 뒷자리 잘라내기 / slice를 이용한 쉬운 방법 (0) | 2019.10.21 |
|---|---|
| jQuery - select 선택 값 변경시 trigger(), prop() 차이는? (0) | 2019.10.17 |
| jQuery - trigger()로 select 박스 선택 값 변경하기 (0) | 2019.10.17 |
| jQuery - 가장 간단한 슬라이드 HTML / Coin Slider (2) | 2019.07.17 |
| 자바스크립트 - location.href 와 location.replace 차이점 (0) | 2019.07.15 |
댓글