자바스크립트(JavaScript) html select 선택시 이벤트, select 태그 option submit

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<select name ="selectBar">
    <option value="val1">val1</option>
    <option value="val2">val2</option>
    <option value="val3">val3</option>
</select>
<button class="btn">submit</button>

<script>

    const selectName = $("select[name=selectBar]")

    // btn click event
    $(".btn").on("click", function(){
        alert("submitVal = "+selectName.val())
    })

    // selectChange event
    selectName.on("change", function(){
        alert("selectChangeVal = "+selectName.val())
    })

</script>