首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >不会显示在下拉列表中的默认文本

不会显示在下拉列表中的默认文本
EN

Stack Overflow用户
提问于 2012-02-26 03:07:40
回答 5查看 266.8K关注 0票数 122

我有一个select,它最初显示选择语言,直到用户选择一种语言。当用户打开select时,我不希望它显示Select language选项,因为它不是一个实际的选项。

我如何才能做到这一点?

EN

回答 5

Stack Overflow用户

发布于 2013-02-11 12:26:17

以下是解决方案:

代码语言:javascript
复制
<select>
    <option style="display:none;" selected>Select language</option>
    <option>Option 1</option>
    <option>Option 2</option>
</select>
票数 62
EN

Stack Overflow用户

发布于 2012-02-26 03:20:37

因为您不能为select标记使用分配占位符,所以我不相信有任何方法可以完全按照您的要求使用纯HTML/CSS。但是,您可以这样做:

代码语言:javascript
复制
<select>
  <option disabled="disabled">Select language</option>
  <option>Option 1</option>
</select>

“选择语言”将显示在下拉列表中,但一旦选择了另一个选项,将无法重新选择它。

我希望这能有所帮助。

票数 21
EN

Stack Overflow用户

发布于 2013-01-31 05:42:06

试试这个:

代码语言:javascript
复制
<div class="selectSelection">
    <select>
        <option>Do not display</option>
        <option>1</option>
        <option>1</option>
    </select>
</div>

在CSS中:

代码语言:javascript
复制
.selectSelection option:first-child{
    display:none;
}
票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9447134

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档