所以我花了最后一小时搜索,在Stack Overflow和其他网站上找到了很多答案.但它们都不起作用.
我希望能够使用jQuery基于所选项目在SELECT下拉框中动态设置文本的颜色.
我可以轻松更改背景颜色:
$('#selectBox').css("background-color", "red");
Run Code Online (Sandbox Code Playgroud)
但如果我这样做:
$('#selectBox').css("color", "red");
Run Code Online (Sandbox Code Playgroud)
它不起作用.文字保持黑色.
其他搜索显示::选择,但似乎适用于用户选择的文本的样式(例如复制/粘贴).
此外,我尝试过使用这样的CSS类:
option.red { color: red }
Run Code Online (Sandbox Code Playgroud)
并使用addClass()来更改类,但再次,它没有任何工作.
我在Firefox,Chrome和Safari中测试了这个.
我究竟做错了什么?谢谢!
感谢StackOverflow上的另一篇文章,我在select:方法中添加了一些代码,阻止用户在NOW之前的日期添加事件.
缺点是当他们点击空的时间段,然后系统抱怨(警报消息)时,尝试的事件仍然存在.我怎么摆脱它?谢谢!
更新:这是我的代码:
select: function(start, end, jsEvent) {
var check = start._d.toJSON().slice(0,10),
today = new Date().toJSON().slice(0,10),
m = moment(),
url = "[redacted]",
result = {};
title = "Class",
eventData = {
title: title,
start: start,
end: start.clone().add(2, 'hour'),
durationEditable: false,
instructorid: 123,
locationid: 234
};
if(check < today) {
alert("Cannot create an event before today.");
$("#calendar").fullCalendar('removeEvents', function(eventObject) {
return true;
});
} else {
$.ajax({ type: "post", url: url, data: JSON.stringify(eventData), dataType: 'JSON', contentType: "application/json", success: function(result) {
if ( …Run Code Online (Sandbox Code Playgroud)