下拉框这个控件,写页面的人几乎天天用,但真正把它吃透的人不多。我见过太多项目里,一个<select>引出五六个莫名其妙的问题:明明选了值却提交不上去、change 事件在下拉选项是动态生成时就失灵、多选状态下取值总拿到一个字符串而不是数组。这些问题单看都很小,堆在一起就够排查一下午。这篇内容我就围绕 HTML select 的用法和常用事件,把我这些年踩过的坑、验证过的写法、以及不同场景下的取舍逻辑,完整地摊开讲一遍。不管你是刚接触表单控件的新手,还是写了几年前端的老手,都会在里面找到几个"原来如此"的点。核心关键词就是 select、下拉框、change 事件、多选、表单提交,我会在讲原理的同时埋进大量可直接复制的代码,力求让你看完就能动手改自己的页面。
HTML select 下拉框:change 事件、多选与表单提交避坑