单击下拉菜单时如何隐藏默认的<select> <option>？
德拉扎
我想要一个<select>默认选择为“ ____”的元素。换句话说，是空白。
当下拉菜单集中显示时，我希望“ ____”选项不在可以选择的选项中。这样，用户必须选择“ ____”以外的其他选项。
那有意义吗？
插图
关闭：
开张：
如您所见，选项“ ___”在被选中时不在列表中。那是我想要的最终结果。
我尝试使用onFocus事件来删除选项，但这只是使元素失去焦点，并用另一个替换默认选项。
for
要隐藏默认选项（允许其他选项显示），有几种方法。
不幸的是，您不能在所有浏览器中隐藏选项元素。再次说明，display:none;并非在所有浏览器上都可以options...
过去，当我需要这样做时，我会设置其Disabled属性，就像这样...
$('option').prop('disabled', true);
然后，我使用了这段CSS，在浏览器中支持隐藏的位置...
select option[disabled] {
display: none;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何使用jQuery更新Select Option下拉菜单？
- 2
右键单击时如何将Select Option type子菜单添加到firefox？
- 3
我将创建的下拉菜单从select和option标记更改为Hoverable Dropdown菜单。我应该如何在其中传递值
- 4
bs-select (angular-strap) 下拉菜单在页面加载时默认打开
- 5
bootstrap-select下拉菜单被另一个下拉菜单隐藏
- 6
单击单选按钮后启用 <select> <option>
- 7
React - 当 <option> 更新时更新 <select>
- 8
单击内部按钮时如何隐藏下拉菜单
- 9
当用户单击下拉菜单的一侧时，如何隐藏下拉菜单？
- 10
在下拉菜单外的任何地方单击时如何隐藏下拉菜单？
- 11
如何使用JQueryMobile为Ajax填充的<select>选择默认的<option>？
- 12
如何在索引的 Angular `select` 标签中设置默认`option`？
- 13
如何使用ember select进行静态下拉菜单？
- 14
如何定位 AngularJS Material Select 的下拉菜单？
- 15
硒隐藏元素：<select>中的隐藏<option>元素
- 16
单击时隐藏下拉菜单项隐藏吗？
- 17
如何使用Angular JS在更改/选择另一个<select> <option>的项目时禁用<select> <option>
- 18
<select>中<option>的互斥？
- 19
单击其他下拉菜单时如何隐藏Boostrap Dropdown子菜单？
- 20
jQuery下拉菜单-如何在单击主体时隐藏菜单
- 21
使用ng-repeat时在<select>中预选择<option>
- 22
打开下拉菜单（当前为蓝色）时如何更改Material UI Select组件的轮廓颜色（在轮廓模式下）
- 23
SELECT的下拉菜单与众不同
- 24
select2 multiselect下拉菜单
- 25
如何将<option>属性传递给select2？
- 26
如何在ReactJs中的select Option上呈现onChange的Table
- 27
如何在select和option标签中添加JSON数据？
- 28
如何从动态生成的<option> <select> express ejs获取价值
- 29
如何在select中查找和删除optgroup和option？
我来说两句