加载预选选项时隐藏并显示表单元素

Question

我有这个jQuery来显示和隐藏表单字段。我先隐藏它们

$('#edit-profile-letter-of-introduction-field-sign-off').hide();
$('#edit-profile-letter-of-introduction-field-signatory').hide();
$('#edit-profile-letter-of-introduction-field-position').hide();

然后我有一个change事件，它根据选择字段的值显示和隐藏它们。>

$('#edit-profile-letter-of-introduction-field-template-und').change(function() {
  switch ($(this).val()) {
   case '1':
   $('#edit-profile-letter-of-introduction-field-sign-off').show();
   $('#edit-profile-letter-of-introduction-field-signatory').hide();
   $('#edit-profile-letter-of-introduction-field-position').hide();
   break;

   etc etc
效果很好。然后，我保存表格。当表单返回时，所有字段再次被隐藏。

我想发生的是，当加载表单时，并且选择字段中已经有一个选择-或当选择字段具有默认值时，我希望其他表单字段隐藏或显示，但不需要更改事件。

然后我希望更改事件在用户更改选择字段的值时起作用。

我有这个jQuery来显示和隐藏表单字段。我先隐藏它们$（'＃edit-profile-letter-of-introduction-field-sign-off'）。hide（）; $（'＃edit-profile-letter-of-introduction-field-signatory'）。hide（...

Answer 1

请参考下面的代码示例。在下面的示例中，我正在加载默认值“ test”的输入，因此第一种情况将在加载时执行。然后，如果将输入更改为“ test1”，它将执行第二种情况。同样，您可以添加其他案例。