• 周三. 2月 28th, 2024

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

select的change监听事件

admin

11月 28, 2021

对于一些事件,需要直接选择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>

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注