select元素下拉change事件

<select name="select" onchange="getSelect(this)">
  <option value="下拉1">web</option>
  <option value="下拉2">css</option>
  <option value="下拉3">vue</option>
  <option value="下拉4">php</option>
</select>
<script>
  function getSelect(obj){
    var index = obj.selectedIndex;
    var val = obj.options[index].value;
    var txt = obj.options[index].text;
    console.log(index);
    console.log(val);
    console.log(txt);
  }
</script>

一款专门用于在JavaScript和TypeScript的货币处理工具库——Dinero.js

JavaScript动态日历：如何用变量num精准控制月份递增？

一款开源JavaScript库，实现图片背景色智能提取与融合——AutoHue.js

JavaScript动态绑定方法不执行正确代码示例

一个可以在网页上实现流畅、酷炫的过渡效果JavaScript工具库——Barba.js

标签： change事件, select元素

上面是“select元素下拉change事件”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4511.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！