Jquery 更改特定区域中下拉列表名称的前颜色_Jquery_Html_Css

Jquery 更改特定区域中下拉列表名称的前颜色

jquery html css

Jquery 更改特定区域中下拉列表名称的前颜色,jquery,html,css,Jquery,Html,Css,我想更改下拉列表名称的前颜色。这里有2个下拉列表1。医生姓名1（折扣10%）和2。医生姓名2（折扣15%）。但我只想更改（折扣10%）（字体颜色红色）和（折扣15%）（字体颜色蓝色）。如何改变这个？。请帮我解决那个问题 <html> <head> </head> <body> <select name=""> <option value="" >Select Doctor Name</option>

我想更改下拉列表名称的前颜色。这里有2个下拉列表1。医生姓名1（折扣10%）和2。医生姓名2（折扣15%）。但我只想更改（折扣10%）（字体颜色红色）和（折扣15%）（字体颜色蓝色）。如何改变这个？。请帮我解决那个问题

<html>
<head>
</head>
<body>
<select name="">
    <option value="" >Select Doctor Name</option>
    <option value="1">Doctor Name 1 (Discount 10%)</option>
    <option value="2">Doctor Name 2 (Discount 15 %)</option>
</select>
</body>
<html>


选择医生姓名
医生姓名1（折扣10%）
医生姓名2（折扣15%）

我将使用JavaScript来实现此解决方案，因为如果您有许多选项，那么代码更易于维护，并且您还可以调整所选项目的颜色，而这是纯CSS无法做到的。这是我的解决方案：

var colorSelect=document.getElementById（'colorSelect'）；
//将所有颜色初始化为数据颜色或黑色给定的值
函数initColorSelect（）{
var options=colorSelect.getElementsByTagName（'option'）；
var selIndex=colorSelect.selectedIndex；
对于（变量i=0；i

选择医生姓名
医生姓名1（折扣10%）
医生姓名2（折扣15%）
可能重复“我只想改变正面颜色”折扣部分名称。非全名这是不可能的，您必须使用自定义选择。看看这篇文章的第二个答案，由@Julian Espinosa链接。