HTML select下拉菜单选中选项后直接触发函数

最新推荐文章于 2024-04-24 16:36:44 发布

为什么我要选择编程

最新推荐文章于 2024-04-24 16:36:44 发布

阅读量3.8w

点赞数 6

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_35467885/article/details/80554740

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

可以通过onchange事件实现：

<html>
  <head>
    <script>
      function test(){
        alert(document.getElementById("test").value);
      }
    </script>
  </head>
<body>
  <select id="test" οnchange="test()">
    <option> -- </option>
    <option value ="1">1</option>
    <option value ="2">2</option>
  </select>
</body>
</html>

onchange 事件会在域的内容改变时发生，即当选项中的内容变化时，函数被触发。例如上例中的值由“--”变为“1”，或者“2”时，触发test()函数。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

为什么我要选择编程

关注关注

6
点赞
踩
20

收藏

觉得还不错? 一键收藏
3
评论
HTML select下拉菜单选中选项后直接触发函数

可以通过onchange事件实现：&lt;html&gt; &lt;head&gt; &lt;script&gt; function test(){ alert(document.getElementById("test").value); } &lt;/script&gt; &lt;/head&gt;&lt;body&gt;
复制链接

扫一扫