selected中第一项请选择，隐藏

实现Select的Placeholder效果

最新推荐文章于 2020-09-11 08:40:00 发布

转载最新推荐文章于 2020-09-11 08:40:00 发布 · 352 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gaidalou/p/8349812.html

本文介绍了一种在HTML中使用<select>元素实现类似input框中的placeholder提示效果的方法。通过设置第一项为不可见并保持选中状态，使得在未选择任何选项时能够显示指定的提示文字。

如何做到selected 类似input的提示语 placeholder效果。

<select class="wyj_dbfs">
                                    <option style="display: none;" selected="selected">请选择</option>
                                    <option>押担保</option>
                                    <option>抵押担保</option>
                                    <option>抵押担保</option>
                                </select>

第一项 selected，并且 display：none；

转载于:https://www.cnblogs.com/gaidalou/p/8349812.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34381666

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

select下拉不显示 请选择

02-19

1712

请选择 1 2 3 4 请选择用户类型 1 2 3 4 <select > <option disabled style="display: none" selected value>请选择</option> <option value="1">1</option> <option v...

Vue.js自定义下拉列表，如何实现在下拉列表区域外点击即可关闭下拉列表的功能

05-30

这个上传资源是为了配合我的博客 http://blog.youkuaiyun.com/zhangchao19890805/article/details/72808639。运行项目之前建议使用 yarn install 安装依赖。

参与评论您还未登录，请先登录后发表或查看评论

隐藏select中的“请选择”项

weixin_30919571的博客

11-15

245

<select> <option value="" style="display: none">请选择</option> <option value="0">苹果</option> <option value="1">柚子</option> <option val...

这五个有用的 CSS 属性完全被我忽视了

我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。

09-11

230

作者 |Desiré译者 |苏本如，责编 | 郭芮出品 | 优快云（ID：优快云news）以下为译文：各位网友，大家好！????今天，我想在这里和大家分享一些我很晚时候才知道的一...

python中通过一个Combobox选项控制另一个Combobox隐藏和显示

最新发布

07-11

创建两个Combobox，第一个Combobox（称为控制Combobox）的选项将决定第二个Combobox（称为目标Combobox）是否显示。 2. 控制Combobox的选项可以有两个，比如“显示”和“隐藏”。 3. 当控制Combobox的选择发生...

让用户在未选择时看到请选择默认提示

12-12

在这里，第一个选项的 `disabled` 属性表示该选项不可选，`selected` 表示它是预选状态，`style="display:none;"` 则隐藏它，直到用户选择其他项。 - 对于React组件： ```jsx import React from 'react'; function...

请详细介绍一下jquery中选择器

04-17

引用1提到的层次选择器中的通用兄弟选择器（~）和siblings()方法在之前的回答中已经提到，但可能需要更明确的对比，如引用1中提到的两者的区别。引用2中的过滤选择器如:first、:eq等在之前的回答中也有涉及，但可能...

请详细介绍一下jquery中选择器的使用

04-17

好的，我现在需要帮助用户详细了解jQuery选择器的使用方法。首先，我应该回忆一下jQuery选择器的基本分类，比如基本选择器、层次选择器、过滤选择器等。用户提供的引用内容里... // div.content下第一个段落 ``` ---

el select开启collapse-tags属性怎么优化，比如不是默认显示一项后加一而是现实两项后再选择加一

04-28

通过设置 `.el-select__tags` 中的内容样式，确保只有前两个标签正常显示，其余部分隐藏并替换为一个新的标签。 ```css /* 隐藏第三个及其之后的标签 */ .my-select >>> .el-select__tags > span:nth-child(n+3) { ...

selected选中后显示和隐藏div

小码哥AI、互联网副业项目

07-18

5813

1、select部分 --请选择-- 审核通过审核不通过 2、显示和隐藏内容不通过原因: 3、js部分 function showinfo(values){ if(values==2){ $("#reason").css("display","none"); } if(values==3){ $("#reason").css("d

bootstrap-select 插件如果没有选中任何选项，会显示 Nothing selected 的解决办法

热门推荐

贵林之恋的博客

06-07

2万+

自己开发项目中用到这个插件遇到的问题，bootstrap-select插件如果没有选中任何选项，会显示Nothing selected的解决办法有两种：第一种： 1. 如果没有默认提示的效果，就在select上添加属性 data-none-selected-text，什么也不显示。 2. 如果有默认提示的效果，比如：‘请选择’，就在select上添加属性 title="...

HTML select selected属性

修也

05-09

5740

<select> <option value ="volvo" selected>Volvo</option> <option value ="saab" selected="">Saab</option> <option value="opel" selected="selected">Opel</opt...

通过select下拉框里的value控制div显示与隐藏

祈澈菇凉

03-23

1万+

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu

HTML中Select的隐藏与显示

yihuliunian的博客

04-08

5280

转载自品略图书馆http://www.pinlue.com/article/2018/11/2303/047596163137.html 在html中有一种情况，如果用户想隐藏现有页面的下拉框；但是问题是，当前页面的下拉框默认的有隐藏和显示的，那么面对这种情况可能是很多人都会想到有一个iframe来覆盖这些下拉框，这样就也了啊，可是这个是可以解决当前的问题了，可是这个好像不是最终的方案了，以下...

selected中第一项 请选择，隐藏

selected中第一项请选择，隐藏