Question

我有这个<select>，当用户在那里选择一个选项时，对后端执行AJAX，然后显示/隐藏其他<select>：

$('#select1').on('change', function() {
    // Get fruit information
    $.ajax({
      type: 'POST',
      url: '/path/to/ajax',
      data: {id: $(this).val()},
      dataType: 'json',
      success: function (data) {
        if (data.type == "apple") {
          $('#select2').addClass('hide');
          $('#select3').addClass('hide');
        }
        else if (data.type == "banana") {
          $('#select2').removeClass('hide');
          $('#select3').removeClass('hide');
        }
      }
    });
});

这很好用。当我提交表单时，后端会执行验证，如果失败，则会再次加载页面，但#select1具有我之前选择的值，但是隐藏的另一个<select>是隐藏的。页面加载时是否可以触发$('#select1').on('change', function()？

Answer 1

查看jquery的.trigger()

这是一个简单的演示

Fiddle

提交失败后触发选择ID

1 个答案: