select的change监听事件

对于一些事件，需要直接选择select中的选项做出事件，而不需要单独提交，这就需要设置select的侦听事件

 

首先在html中创建select工具

 

        <select id="projectID" >
            <option value="8857" selected>8857</option>
            <option value="8858">8858</option>
            <option value="8859">8859</option>
            <option value="54042">54042</option>
            <option value="54050">54050</option>
            <option value="54010">54010</option>
           
          </select>    

 

然后设定script事件，实际应用过程中可以通过判断select中的值执行相关的动作

 

<script>
    const select = document.getElementById("projectID");
       select.addEventListener("change", () => {
            alert(select.value)
        });
</script>