select를 선택하기 위해서는 아래와 같은 코드로 가능합니다. 

jQuery를 통해서 trigger('change') 하고 싶은 select의 element를 알아냅니다. 

trigger('change') 하는데 value가 option_3 인 것을 선택하도록 하는 것입니다. 

<html>
<head>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
    $( document ).ready(function() {
        $('.test-select').val('option_3').trigger('change');
    });
</script>

</head>
<body>

<select class='test-select'>
    <option value='option_1'>하나</option>
    <option value='option_2'>두울</option>
    <option value='option_3'>세엣</option>
    <option value='option_4'>네엣</option>
    <option value='option_5'>다섯</option>
</select>


</body>
</html>

 

말로 설명하는 것보다 코드를 보는게 훨씬 이해가 빠른 경우가 많죠. 위에 적어둔 설명글보다 코드를 보시는 것을 추천합니다. 

 

개발 과정에서 어떤 선택들을 잔뜩하고 그 결과를 봐야할 때

테스트를 해야 하는 것이 많은데 전부 다 눌러보기 힘들 때 

이벤트에 따라서 다른 것을 선택하는 코드를 작성해야 할 때 등등 에서 사용할 수 있겠습니다. 

 

 

 

 

 

 

+ Recent posts