<select>标签,不要在select标签中写value属性!!!

澹台宇鹏

<select>

select标签,一个选择框标签,在开发中很多时候会用到这个标签,例如选择生日19**年,或者在segmentfault中编辑文章时选择‘原创’,‘转载’,还是‘翻译’等等,用处相当多,是个不错的原生选择框

它在移动端的表现形式根据手机的不同会有所不同

(1)在ios中表现为底部弹出滑动选择框,进行滑动选择,如图

ios

(2)在我的小米手机上是一个modal弹窗形式,进行点击点击选择,如图

android

我在vue项目中踩了个坑

我在select标签中添加了一个属性,value,绑定了一个变量,当select值改变时调用onchange事件来改变这个value,从而改变select框选中的值。

这样做会造成,第一次弹出选择框,默认选中第一项,selectedIndex为0,然后再点击,选择其他值后,selectedIndex变为了-1,表现形式就是,在安卓中,弹出选择框,但没有选中值,在ios中弹出框,但是在默认第一项上。

实际上多此一举,select会自动切换这个值,并保存这个值,在下一次点击后默认为上一次选择的值。它并没有这个value属性,没有这个value属性,没有这个value属性!!
下面给出w3cSchool的文档说明
图片描述

阅读 14.4k

一个不太像程序员的程序猿

1.6k 声望
46 粉丝
0 条评论

一个不太像程序员的程序猿

1.6k 声望
46 粉丝
文章目录
宣传栏