angularjs ng-options第一个选项为空的解决方案

PHPABC angularjs 4,075 次浏览 , 没有评论

angularjs的ng-options渲染到页面上的时候结构大致是这样的。

<select> <option value=""></option> <option value="1">北京</option> </select> 

这样会导致select第一行为空,用户体验很差。所以改造后的代码如下

<select> <option value="" selected hidden></option> <option value="1">北京</option> </select> 

这样就可以避免第一行的空行了。配合绝对定位以及加个div,可以做个很好看的下拉列表样式

发表评论

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

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Go