html select必须选择,关于html select标签的一个问题--我又来给大家出难题了

问题描述

额，客户对页面中的下拉选择框提了个需求，要求如下：

“请选择...”这个提示在未点击时要显示出来，而当用户点击下拉后在选项中不能出现。

问题出现的环境背景及自己尝试过哪些方法

我试了下，原生的select标签和option标签貌似还没强大到可以满足这种需求，option可以加个disabled属性，但是也只能禁止选择，还是会出现的。

另外我找了一些(其实就找了两个，另外一个bootstrap-select我懒的看api，没弄成)替代原生select标签的插件，比如select2(嗯，这个是个好东东)，可以满足需求。

相关代码

请选择...

选项1

选项2

select2代码

请选择

Alabama

Wyoming

// selct2 js

$('.js-example-basic-single').select2({

placeholder: '请选择' // 这个placeholder必须得有

})

select2实现的效果

你期待的结果是什么？实际看到的错误信息又是什么？

我想问下除了用插件可以实现这种效果，还有没有其他方法，谢谢大家。