Javascript Jquery如何更改select中一个单词的颜色<;选项>;箱
具有带有单词select和语言名称的select选项框 如果未选择语言名称,请参见word Select 如果我看到word Select,则在页面加载时希望看到红色的word Select 但是它不是红色的。如果单击该框并导航到某个语言名称,则word Select将变为红色。但我需要它红色,若框并没有点击(在页面加载,以关注用户的注意) 下面是一个例子 这是代码Javascript Jquery如何更改select中一个单词的颜色<;选项>;箱,javascript,jquery,Javascript,Jquery,具有带有单词select和语言名称的select选项框 如果未选择语言名称,请参见word Select 如果我看到word Select,则在页面加载时希望看到红色的word Select 但是它不是红色的。如果单击该框并导航到某个语言名称,则word Select将变为红色。但我需要它红色,若框并没有点击(在页面加载,以关注用户的注意) 下面是一个例子 这是代码 <select name="language" id="language"> <option id="red_c
<select name="language" id="language">
<option id="red_color">Select</option>
<option value="en">English</option>
<option value="ru">Русский</option>
<option value="lv">Latviešu</option>
</select>
我想这是因为red\u color
是
的id,而不是单词Select。但是如何定义单词Select的id呢?例如:
$('#language option').each(function(){
if($(this).attr('value') == 'ru'){
$(this).css('background-color', 'red');
}
});
应该可以尝试使用jQuery
blur()
参考资料:试试这个:
更新:
如果选择其他单词,则该单词将为绿色。。如果选择“选择”,则它将为红色。还在努力。。再给我一分钟。请检查更新
$('#language option').each(function(){
if($(this).attr('value') == 'ru'){
$(this).css('background-color', 'red');
}
});
$('#language').on('change',function(){
$('#language').blur();
$('#red_color').css('color', 'red');
});
check();
function check(){
var language_check = $("#language").val();
if ( language_check == 'Select' ) {
$("#language").css({'border-color': 'red','color':'red'});
$('#language option:first-child').css({'color':'red'});
$('#language>option+option').css({'color':'black'});
}
else if ( language_check != 'Select' ) {
$("#language").css({'border-color': 'black','color':'green'});
// $("#language option:first-child").css({'color':'black'});
$("#language option[value="+language_check+"]").css({'color':'green'});
}
}
$("#language").change(function(){
check();
});