사용자 작업 Jquery가 아닌 데이터베이스에서 미리 선택된 데이터에서 onChange 이벤트를 작동시키는 방법

그래서 다음과 같은 Select 코드가 있습니다.

<select name="id_service" id="wagan" class="form-control" required="">
    <option selected="" disabled="" value="">-Pilih Cok-</option>
    <option value="1" data-yuyu="1" data-service="Berlangganan" selected="">Berlangganan</option>
    <option value="2" data-yuyu="2" data-service="One Time Charge">One Time Charge</option>
    <option value="3" data-yuyu="3" data-service="Bandwith On Demand">Bandwith On Demand</option>                                                            
</select>

3개의 데이터 항목 옵션이 있으며 값은 1, 2, 3입니다. 그리고 이 코드를 사용하여 해당 요소에 Listener를 연결했습니다.

$('#wagan').change(function(){
    var dayu = $('#wagan option:selected').attr('data-yuyu');
      
        if (dayu == '1'){
            // Do something when the value is 1
        }else if(dayu == '2'){
            // Do something when the value is 2
        }else if(dayu == '3'){
            // Do something when the value is 3
        };
});

사용자가 자신의 행동으로 변경 사항을 선택하고 커밋하면 .change작동할 수 있습니다. 하지만 이전에 다음을 사용하여 설정한 경우:

$("#wagan").val("2").change(function(){
    // Do something after value is set to value 2
}

작동하지 않습니다.

나는 Jquery 소스 에서 읽었습니다 .

참고: 예를 들어 .val()을 사용하여 JavaScript를 사용하여 입력 요소의 값을 변경하면 이벤트가 발생하지 않습니다.

완료하는 방법?
먼저 값을 설정하고 onChange 기능도 실행하려면 어떻게 해야 합니까?
도움을 주셔서 감사합니다.