使用表单值来使用jquery更改CSS

时间:2011-02-14 06:45:36

标签: jquery css forms

提交表单后,我想获取名为“featuredOneImage”的字段的值,并应用div的CSS背景。

所以一旦按下“保存”按钮,这里就是jQuery提交所需的ajax(将值保存到db)

$("form#featuredItems").submit(function() {

    // we want to store the values from the form input box, then send via ajax below
    var $form = $(this);        
    $.ajax({
            type: "POST",
            url: "ajax/featuredItems.php",
            data: $form.serialize(),
            success: function(){
                showAction('Featured Items Saved');
                }
        }); // End .ajax function
    return false;
    }); //End submit function()

所以,在成功函数中,我会添加类似“获取'featureOneImage'的值,并将背景设置为等于id为'featureOneBox'的div的值”

我只是不确定如何告诉jQuery从哪个字段获取值。

2 个答案:

答案 0 :(得分:2)

可以尝试:

    success: function(){
          showAction('Featured Items Saved');
          $("#featuredOneBox").css("background-image", "url('" + $('#featuredOneImage').val() + "')");
        }

example

答案 1 :(得分:2)

我刚刚编辑了Shaz的函数,我使用了jQuery val()函数:

success: function(){
   showAction('Featured Items Saved');
   $("#featuredOneBox").css("background-image", "url('" + ($('#featuredOneImage').val()) + "')");
}