html下拉列表初始状态,HTML选择:如何设置不会在下拉列表中显示的默认文本?...
发布日期:2022-02-21 12:50:40 浏览次数:40 分类:技术文章

本文共 706 字,大约阅读时间需要 2 分钟。

我有一个解决方案,选择上方显示的范围,直到完成选择。跨度显示默认的消息,所以它不是在命题的列表:

HTML:

Default message

Option 1

Option 2

Option 3

CSS:

#default_message_overlay {

position: absolute;

display: block;

width: 120px;

color: grey;

}

select {

width: 150px;

}

的JavaScript(用jQuery):

$(document).ready(function() {

// No selection at start

$('#my_select').prop("selectedIndex", -1);

// Set the position of the overlay

var offset = $('#my_select').offset();

offset.top += 3;

offset.left += 3;

$('#default_message_overlay').offset(offset);

// Remove the overlay when selection changes

$('#my_select').change(function() {

if ($(this).prop("selectedIndex") != -1) {

$('#default_message_overlay').hide();

}

});

});

我制作了jsfiddle for demo。经过Firefox和IE8测试。

转载地址:https://blog.csdn.net/weixin_33958381/article/details/117757796 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:android 适配器接口,RecyclerView在适配器里使用接口将实现交给界面或者用户来处理...
下一篇:txt文档编辑html不显示图片,Layui富文本编辑器内容不显示,图片上传等问题

发表评论

最新留言

能坚持,总会有不一样的收获!
[***.219.124.196]2024年03月22日 04时42分29秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

java 监控 宕机_JAVA监测tomcat是否宕机,控制重启 2019-04-21
catch that cow java_POJ3278——Catch That Cow 2019-04-21
java integer 不变模式_Java代码的变与不变 2019-04-21
java guava 使用_Java8-Guava实战示例 2019-04-21
python barrier option pricing_《Python金融数据分析》书内代码实战与讲解(二)金融衍生物定价... 2019-04-21
java自带工具_深入了解Java JDK自带工具,包括javac、jar、jstack等,实用~ 2019-04-21
gnome mysql client_解决MySQLWorkbenchgnome-keyring-daemon错误的方法分享 2019-04-21
java线程占用CPU_在windows下揪出java程序占用cpu很高的线程并完美解决 2019-04-21
java多态替换switch_使多态性无法解决那些switch / case语句的麻烦 2019-04-21
java httpclient 进度条_如何使用Apache HttpClient 4获取文件上传的进度条? 2019-04-21
下列不属于java语言特点的是_下列选项中,不属于Java语言特点的一项是( )。... 2019-04-21
java中小数的乘法_javascript的小数点乘法除法实例 2019-04-21
kappa一致性检验教程_SPSS在线_SPSSAU_Kappa一致性检验 2019-04-21
linux shell mysql备份_linux shell 备份mysql 数据库 2019-04-21
Java双向链表时间复杂度_链表是什么?有多少种链表?时间复杂度是? 2019-04-21
unity3d能和java系统整合吗_Android与Unity3d的整合 2019-04-21
minecraft666java_我的世界的666的世界 2019-04-21
辽宁师范大学java_辽宁师范大学心理学院 2019-04-21
java程序有连接数据库_Java程序连接数据库 2019-04-21
java reduce.mdn_reduce高级用法 2019-04-21