jQuery - 폼 셀렉터

폼 요소를 선택할 수 있는 선택자입니다.

선택자	설 명
:input	모든 input 요소를 선택
:text	type 속성이 text 인 요소를 선택
:password	type 속성이 password 인 요소를 선택
:radio	type 속성이 radio 인 요소를 선택
:checkbox	type 속성이 checkbox 인 요소를 선택
:submit	type 속성이 submit 인 요소를 선택
:reset	type 속성이 reset 인 요소를 선택
:button	type 속성이 button 인 요소를 선택
:image	type 속성이 image 인 요소를 선택
:file	type 속성이 file 인 요소를 선택
:enabled	활성화된 폼 요소를 선택
:disabled	비활성화된 폼 요소를 선택
:selected	<option> 객체 중 선택된 요소를 선택
:checked	체크된 체크박스와 라디오 버튼 요소를 선택
:focus	페이지에 접속했을 때 맨 처음 요소에 포커스 되어 있는 요소를 선택

다음은 현재 선택된 Option 값을 콘솔에 출력합니다.

<script>
$(function() {
  var val = $('.browser option:selected').val();
  console.log(val);
});
</script>

<select class="browser" name="browser">
  <option value="사파리">사파리</option>
  <option value="오페라" selected>오페라</option>
  <option value="IE">IE</option>
  <option value="크롬">크롬</option>
</select>