Jquery : selectBox 에서 option 의 text, value 값 가져오기

 

⭐️ html

   <div class="form-row">
              <label>승인 여부</label>
              <select id="approval_gubun" name="approval_gubun" class="form-select form-md">
                <option value="-1">승인 여부를 선택하세요</option>
                <option value="1">승인</option>
                <option value="2">비승인</option>
              </select>
              <div class="clearfix"></div>

 

 

📕 vlaue 값 가져오기 

 

⭐️JS

    let approval = $("#approval_gubun option:checked").val();
    console.log(approval);

 

🌈 출력값 

: 승인을 체크했을때

1

: 비승인을 체크했을때

2

 

 

 

📕 text 값 가져오기 

 

⭐️JS

    let approval = $("#approval_gubun option:checked").text();
    console.log(approval);

 

 

🌈 출력값

: 승인을 체크했을때

승인

: 비승인을 체크했을때

비승인

 

 

해당 값의 여부에 따라 php 에서 데이터를 db의 user_status = 0 의 값을 1 로 업데이트를 할 수 있다.