Как заменить div после выпадающего списка?

Question

Все, что мне нужно, это заменить форму class="simple_form calculation", когда выпадающее меню jQuery выбрано. Вот мой jQuery.

Могу ли я использовать .replaceAll для этого?

$("#role_selector_for_questions").change(function(e) { 
    var $dropdown = $(this); 
    $.get('/calculations/role/' + $dropdown.val(), function(data) { 
     $dropdown.after(data); 
    }); 
}); 

Answer 1

вам необходимо изменить класс элемента формы

если так что вы можете использовать jQuery .removeClass, чтобы удалить текущий класс и jQuery .addClass добавить новый класс делать.

$("#role_selector_for_questions").change(function(e) { 
    var $dropdown = $(this); 

    $('yourformid').removeClass('old_form_class'); 
    $('yourformid').addClass('simple_form calculation'); 

    $.get('/calculations/role/' + $dropdown.val(), function(data) { 
     $dropdown.after(data); 
    }); 
}); 

Answer 2

Я не вижу, где определяется ваш элемент «форма», но изменить класс на форме так просто, как с помощью removeClass() и addClass().

$('#formToAddClass').removeClass('current_class').addClass('simple_form calculation'); 

BTW, похоже, что здесь добавляются два класса - «simple_form» и «расчет». Имена классов не содержат пробелов.

Answer 3

$("#role_selector_for_questions").change(function(e) { 
    var $dropdown = $(this); 
    $.get('/calculations/role/' + $dropdown.val(), function(data) { 
     $("#role_selector_for_questison").replaceWith("<div></div>"); 
    }); 
});