关于html select option 样式的问题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于html select option 样式的问题相关的知识,希望对你有一定的参考价值。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.red
color:#F00;
</style>
</head>
<body>
<select>
<option value="a" >标题一 标题一</option>
<option value="b">标题二</option>
<option value="c">标题三</option>
<option value="d">标题四</option>
</select>
</body>
</html>
标题一 标题一
想让这两个文字不是一个颜色,
麻烦大家啦!
SELECT [predicate] * | table.* | [table.]field1 [AS alias1] [, [table.]field2 [AS alias2] [, ...]]
FROM tableexpression [, ...] [IN externaldatabase]
[WHERE... ]
[GROUP BY... ]
[HAVING... ]
[ORDER BY... ]
[WITH OWNERACCESS OPTION]
SELECT 语句包含以下部分:
部分
说明
predicate
这些谓词之一:ALL、DISTINCT、DISTINCTROW 或 TOP。可以使用谓词来限定返回记录的数量。如果没有指定谓词,默认值为 ALL。
*
指定选择所指定的表的所有字段。
table
表的名称,该表包含了其记录被选择的字段。
field1,field2
字段名,这些字段包含了要检索的数据。如果包括多个字段,将按它们的排列顺序对其进行检索。
alias1, alias2
用作列标题的名称,不是 table 中的原始列名。
tableexpression
其中包含要检索的数据的表的名称。
externaldatabase
如果 tableexpression 中的表不在当前数据库中,则使用该参数指定该数据库名。追问
不好意思没太明白呀!
参考技术B用<span>包含其中一个“标题一”,给上行间样式。
<option value='a'><span style="color:blue;">标题一</span> 标题一</option>追问谢谢! 我试过啦!不好用呀!
追答额 我也试了 确实不行 用DOM也不行。
为什么呢?
因为你要改变option里面字体的颜色,只能通过修改整个option的color值。如果你不是改变option的color,即便你在“标题一”用一个标签包含起来再设置这个标签的color,这些字的颜色还是不变的。所以你想要实现的一个option内两种字颜色是不可能的。
关于java 获取 html select标签 下拉框 option 文本内容 隐藏域
在HTML中从多选下拉框中提取已选中选项的文本内容到后台,被这个问题难倒了。
demo.jsp文件
- <select id="selecttype" name"type">
- <option value="" selected="selected">请选择</option>
- <c:forEach items="${typeList}" var="typeList">
- <option value="${typeList.id}">${typeList.name}</option>
- <c:forEach>
- </select>
如上代码,想过用设置隐藏域获取文本内容typeList.name,将隐藏域放在forEach循环内。<input id="selecttypename" type="hidden" name="typename" value="${typeList.name}" />
后台接收typename为空值,也许遍历循环的时候把隐藏域也循环出多份了,而同一个Form表单中不能有多个相同name属性的标签。
隐藏域放哪里好呢?思考无果后开始查资料,最后找到解决方案。
JavaScript中有一个change事件
JavaScript代码
- $("#selecttype").change(function(){
- $("selecttypename").val($("#selecttype").find("option:selected").text());
- });
当触发select框选项改变的条件,将框内选中的文本内容传递给隐藏域的value值,这样隐藏域也能随自己心意放在合适的位置了。以上是关于关于html select option 样式的问题的主要内容,如果未能解决你的问题,请参考以下文章
html5中的select下拉框的option的样式(宽度)能不能改变,怎么去下样式,求大神帮忙