목차
:selected 예제 :selected 정의 :selected 구문
:selected 예제
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){ $(":selected").css("background-color", "yellow"); }); </script> <form action=""> 이름: <input type="text" name="name"><br> 언어: <select> <option>HTML</option> <option selected="selected">CSS</option> <option>PHP</option> <option>SQL</option> </select> </form> 결과보기
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(":selected").css("background-color", "yellow");
});
</script>
<form action="">
이름: <input type="text" name="name"><br>
언어:
<select>
<option>HTML</option>
<option selected="selected">CSS</option>
<option>PHP</option>
<option>SQL</option>
</select>
</form>
결과보기
:selected 정의
미리 선택된 option 요소 선택. [주의] :selected 선택자 : checkbox 또는 radion 속성의 버튼에서 작동 X. ※ option 요소에서만 작동. :checked 선택자 : checkbox 또는 radion 속성의 버튼에서 작동 O. ※ option 요소에서도 작동.
미리 선택된 option 요소 선택.
[주의]
:selected 선택자 : checkbox 또는 radion 속성의 버튼에서 작동 X.
※ option 요소에서만 작동.
:checked 선택자 : checkbox 또는 radion 속성의 버튼에서 작동 O.
※ option 요소에서도 작동.
:selected 구문
$(":selected")