下拉选择后如何替换div?

时间:2014-09-02 14:07:02

标签: javascript jquery

我需要的是在选择jQuery下拉列表时用class="simple_form calculation"替换表单。这是我的jQuery。

我可以使用.replaceAll吗?

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

3 个答案:

答案 0 :(得分: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);
  });
});

答案 1 :(得分:1)

我不知道你的形式在哪里?' element已定义,但更改表单上的类就像使用removeClass()和addClass()一样简单。

$('#formToAddClass').removeClass('current_class').addClass('simple_form calculation');
BTW,看起来这里有两个类 - ' simple_form'和'计算'。类名不包含空格。

答案 2 :(得分:1)

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