求下拉框背景颜色的代码

laodabest 2007-03-21 09:23:56

在做jsp页面的时候想做一个下拉框，使得每一个选项都带有一种颜色，希望好心人提供下这方面的代码

...全文

522 10 打赏收藏转发到动态举报

写回复

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

amancoming 2008-12-25

打赏
举报

回复

Click the link to solve your problem.Good luck!

spark_li 2007-03-23

打赏
举报

回复

贴完整的测试代码

<html>
<SCRIPT language=javascript>

</SCRIPT>

<body>
<select name=do_color_frm size=1 onchange="if(this.options[this.selectedIndex].value!='')
{do_color('fontZoom',this.options[this.selectedIndex].value);}">
<option>选择颜色</option>
<option style="background-color:Black;color:Black" value=Black>黑色</option>
<option style="background-color:Red;color:Red" value=Red>红色</option>
<option style="background-color:Yellow;color:Yellow" value=Yellow>黄色</option>
<option style="background-color:Green;color:Green" value=Green>绿色</option>
<option style="background-color:Orange;color:Orange" value=Orange>橙色</option>
<option style="background-color:Purple;color:Purple" value=Purple>紫色</option>
</select>

<table border="0">
<tr>
<TD class=newstitle id=fontzoom vAlign=top>颜色变化测试</td>
</tr>
</table>
</body>
</html>

spark_li 2007-03-23

打赏
举报

回复

<SCRIPT language=javascript>

</SCRIPT>

spark_li 2007-03-23

打赏
举报

回复

<select name=do_color_frm size=1 onchange="if(this.options[this.selectedIndex].value!='')
{do_color('fontZoom',this.options[this.selectedIndex].value);}">
<option>选择颜色</option>
<option style="background-color:Black;color:Black" value=Black>黑色</option>
<option style="background-color:Red;color:Red" value=Red>红色</option>
<option style="background-color:Yellow;color:Yellow" value=Yellow>黄色</option>
<option style="background-color:Green;color:Green" value=Green>绿色</option>
<option style="background-color:Orange;color:Orange" value=Orange>橙色</option>
<option style="background-color:Purple;color:Purple" value=Purple>紫色</option>
<option style="background-color:Blue;color:Blue" value=Blue>蓝色</option>
<option style="background-color:Brown;color:Brown" value=Brown>褐色</option>
<option style="background-color:Teal;color:Teal" value=Teal>墨绿</option>
<option style="background-color:Navy;color:Navy" value=Navy>深蓝</option>
<option style="background-color:Maroon;color:Maroon" value=Maroon>赭石</option>
<option style="background-color:#00FFFF;color: #00FFFF" value="#00FFFF">粉绿</option>
<option style="background-color:#7FFFD4;color: #7FFFD4" value="#7FFFD4">淡绿</option>
<option style="background-color:#FFE4C4;color: #FFE4C4" value="#FFE4C4">黄灰</option>
<option style="background-color:#7FFF00;color: #7FFF00" value="#7FFF00">翠绿</option>
<option style="background-color:#D2691E;color: #D2691E" value="#D2691E">综红</option>
<option style="background-color:#FF7F50;color: #FF7F50" value="#FF7F50">砖红</option>
<option style="background-color:#6495ED;color: #6495ED" value="#6495ED">淡蓝</option>
<option style="background-color:#DC143C;color: #DC143C" value="#DC143C">暗红</option>
<option style="background-color:#FF1493;color: #FF1493" value="#FF1493">玫瑰红</option>
<option style="background-color:#FF00FF;color: #FF00FF" value="#FF00FF">紫红</option>
<option style="background-color:#FFD700;color: #FFD700" value="#FFD700">桔黄</option>
<option style="background-color:#DAA520;color: #DAA520" value="#DAA520">军黄</option>
<option style="background-color:#808080;color: #808080" value="#808080">烟灰</option>
<option style="background-color:#778899;color: #778899" value="#778899">深灰</option>
<option style="background-color:#B0C4DE;color: #B0C4DE" value="#B0C4DE">灰蓝</option>
</select>

rjzou2006 2007-03-22

打赏
举报

回复

要每一子项都要颜色不同的
?????

webphoenix 2007-03-22

打赏
举报

回复

JS里用options[i].style.backgroundColor = 'XXX',XXX是颜色值如#f00000，指定option的背景色
options[i].style.color = 'XXX',指定option的前景色

也可以这样：
<select..>
<option style="color:#fff;background-color:#069" value="value">Text</option>
...
<select>

随风醉舞 2007-03-22

打赏
举报

回复

name="textarea" 去掉﹗﹗隨便改個 name=""
就可以了﹗﹗

随风醉舞 2007-03-22

打赏
举报

回复

<select style="background-color:#FFFF00;rows="20" name="textarea"
readonly="true">
<option>help"</option></select>

laodabest 2007-03-21

打赏
举报

回复

楼上的可以说的具体点吗，有用js的吗

magus163 2007-03-21

打赏
举报

回复

用css来控制的

主要思路是： 1. 继承 QComboBox ，利用 Qtablewidget 实现下拉板内容的实现； 2. 将 Qpushbutton 背景颜色作为被选择颜色，且自定义了 MyPushButton，用以传出背景色； 3. 实现当前色的保存和颜色回选。

1、默认下拉菜单控件可编辑选中的内容 2、设置不可编辑后，控件会有一个灰色不可编辑状态的背景颜色 3、设置不可编辑后，下拉控件动态添加的值，会显示空白的情况此源码就是解决以上问题 1、简单几行代码，即可设置下拉控件的背景和文字颜色

本课程主要讲解web自动化-键盘 下拉框 对话框显示等待隐式等待,主要内容如下:1. 键盘操作案例2. 下拉框操作3. 对话框处理4. 滚动条操作5. 显示等待6. 隐式等待7. 强制等待

HTML5网页背景切换动画代码基于jquery-1.11.0.min.js制作，点击下拉框不同选项网页背景切换不同颜色。

《风越代码生成器 [FireCode Creator]》是一款采用.Net FrameWork2.0框架、基于多种数据库的程序代码生成软件，可快速建立数据信息的：添加、编辑、查看、列表、搜索功能。默认提供asp、aspx WEB程序、.net普通三层框架程序、.net Windows程序，多种代码框架及多个界面设计模板，均可任意修改管理。通过自定义生成程序的界面风格与输出代码，用户可将其扩展为ASPX/ASP/PHP/JSP等各种程序的代码生成器。内置的.net代码框架，能建立C#语言的.net解决方案，可在VS2005中直接编辑，既能帮助.net初学者快速入门，更可最大限度提高.net程序员的代码编写效率。 01、支持生成的ASPX/ASP/PHP/JSP等页面在本机自动发布、调试（需安装IIS或对应WEB服务器） 02、支持Microsoft SQL Server、Microsoft Access、Oracle、MySql、Excel、FoxPro、FoxBase、Text等数据库连接 03、支持从数据表、视图（Access为查询）中读取数据字段 04、支持通过数据表中的组合主键传递参数 05、支持CSS统一设置页面风格 06、支持多种控件输入方式：文本框文本域 UBB文本框（支持UBB文本输入）密码框隐藏域日期选择单选框复选框 下拉框 多选列表单选列表批量上载上载文件上载到库 07、支持多种信息显示方式：显示文字链接文件文本框文本域显示图片背景声音视频播放显示flash 08、支持检测提交字符的最小、最大输入长度、是否空值/唯一值、文本类型：★ 不检测非特殊字符仅单词字符仅单词字符空格仅26个字母仅中文字符仅允许整数仅允许小数仅日期/时间仅日期+时间仅日期仅时间仅允许邮箱仅允许网址仅允许IP 仅身份证号仅国内电话仅国内手机 09、支持对用户输入内容进行服务器端与客户端JS双重验证，有效防止SQL注入 ★ 10、支持自动生成多组多级的级联下拉框功能，快速建立如：省、市、县/公司、部门、小组等形式下拉框 ★ 11、支持表单提交超过100KB的文本数据 ★ 12、支持多文件上载、修改、删除记录时同步删除文件 13、支持控件名加密，使输入控件的名称与字段名不同，防止他人从客户端HTML中猜解 ★ 14、支持列表、搜索页面对数据记录进行实时排序、修改、批量删除等功能 15、支持表头/单独表格搜索两种布局方式 16、提供多种灵活翻页方案，用户可设置每页记录条数、上/下页、前/后N页、输入数字跳转到指定页面等，提高海量数据翻页速度 17、提供丰富的建站常用VB、JS函数库 ★ 18、更多扩展功能：添加、修改页面在保存信息前进行预览功能添加、修改页面提交后自动跳转并刷新列表页字段描述批量格式化，可从字段名、描述生成，加强英文字符处理列表、搜索页面隔行颜色、点击变色设置根据数据库字段允许空值状态自动设置输入检测代码页面皮肤模板设置，根据网页模板快速生成页面 ★ 设置指定字段在编辑信息时为只读状态字段需要二次输入（如输入两次密码，以验证其正确性） ★ 在列表中直接批量编辑字段值，便于管理员维护列表、搜索文件自动读取链接数据表值的实际信息发送邮件功能，设置字段为邮件对应信息，可发送附件 ★ （繁、简、英）单语言版本 ★ 多语言页面实时翻译功能（默认：繁、简、英，可增加其它语言） ★ 多语言编码支持（GB2312/UTF8） ★ 生成提交校验码图片 ★ 搜索、列表文件以详细列表页（留言板风格）显示生成权限，限制用户对指定页面的添加、删除、编辑权将查询结果导出为CSV、HTML、EXCEL文件 ★ 生成不同选择字段的SQL语句生成数据库字典 ★ 模板代码生成器，可自定义模板、变量生成代码 ★

87,904

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章