JQuery

[JQuery] select 선택된 option 값 가져오기

chsr 2021. 7. 15. 15:22
728x90
반응형

■ JQuery select 선택된 option 값 가져오기


■ 사용법

<select> 현재 선택된 option 값을 가져오는 구문으로 콘솔 창에 찍히는 값은 주석으로 기재해놓은 것과 같이 B가 찍힘

<select class="form-control" id="tmpSelect">
  <option value="A">가</option>
  <option value="B" selected>나</option>
  <option value="C">다</option>
  <option value="D">라</option>
</select>

<script type="text/javascript">
    $(document).ready(function() {
        var tmpSelect = $('#tmpSelect option:selected').val();
        console.log(tmpSelect);	// B
    });
</script>

■ 참고

 

[JQuery] select option 값 선택/변경하기

■ JQuery select option 값 선택/변경하기 A B C ■ select option value 값으로 선택/변경 $("#tmpSelect").val("A").prop("selected", true); // A 라는 value를 가지고 있는 option = A 선택 ■ select option..

zxchsr.tistory.com

 

728x90
반응형