Использование значения формы для изменения CSS с помощью jquery

Question

После того, как форма отправлена, я хотел бы получить значение поля с именем featuredOneImage и применить этот CSS-фон для div.

Итак, после нажатия кнопки «Сохранить»вот jQuery для отправки необходимого ajax (который сохраняет значения в дб)

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

Итак, внутри функции успеха я бы поместил что-то вроде «get value of featuredOneImage» и установилфон, равный этому значению для div с идентификатором 'featuredOneBox' "

Я просто не был уверен, как указать jQuery, из какого поля получить значение.

Answer 1

Я только что отредактировал функцию Shaz следующим образом, вместо этого я использовал функцию jQuery val():

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

Answer 2

Можно попробовать:

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

пример