jquery - 使用表单值通过 jquery 更改 CSS

Question

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

因此，一旦按下“保存”按钮，这里就是提交所需 ajax 的 jQuery(将值保存到数据库)

$("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()

因此，在 success 函数中，我会输入类似“获取‘featuredOneImage’的值并将背景设置为等于 id 为‘featuredOneBox’的 div 的值”的内容

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

Answer 1

我刚刚将 Shaz 的函数编辑为以下内容，我改用了 jQuery val() 函数:

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