在ajax回调中更改div颜色

时间:2014-06-30 10:19:19

标签: javascript jquery html css ajax

最初的想法是从日历中选择日期,The dates which have a frame around them (june 1,june 5, june 6.....etc)通过ajax传递所选日期,然后仅回显日历(假日)上的选定日期。我在数据库中查询所选日期,并希望它们以不同的颜色显示。 这是我的ajax功能:

function save_datepicker_date(date) {


var url     = "/ajax/days_off_add_remove.php";
var params  = {
    date    : date ,
    company_id : $("#company_id").val(),
    field   : "ui-state-highlight"

};

$.get(url, params,
    function(data) {

            alert(data);
        $('.'+field).css("color","#5500ff");

    });

}

我不知道为什么,但这似乎不起作用。非常感谢任何帮助!

这是我的days_off_add_remove.php文件:

enter code here   $company_id = $_REQUEST['company_id'];
  $date = $_REQUEST['date'];


$qry = "INSERT INTO days_off SET

                date        = '".mysql_date($date)."',
                company_id = '".$company_id."'


            ";

$ SQL->查询($ QRY);

当我选择一个日期时,它会回显字段参数,该参数的值为“ui-state-highlight”,但它仍然不起作用。

解决

补充:好的,现在我选择的假日为红色。 enter image description here

我现在要做的是,如果有人点击红色日期中突出显示的内容,则会成为正常日期(不再是假日)。现在我正在尝试选择具有类ui-state-highlight(红色方块)的元素......这是正确的方法吗?欢迎任何建议和解决方案。提前谢谢。

2 个答案:

答案 0 :(得分:1)

你可以试试这个:

$.getJSON("/ajax/days_off_add_remove.php" + request.term , function (data){
    response($.map(data,function(opt){
        return {
            label : opt.name,
            value : opt.name,

        }
    }))
})

答案 1 :(得分:0)

解决了:

 function save_datepicker_date(date) {


var url     = "/ajax/days_off_add_remove.php";
var params  = {
    date    : date ,
    company_id : $("#company_id").val()

};

$.get(url, params,
    function(data) {

        $('.ui-state-highlight a').css({"background": "none", "background-color":"red"});

    });