Jquery 根据选择值显示字段

我有以下挑战

我有一个条目表，人们可以添加一个新条目，并且在批准后，他们也可以编辑它。 挑战在于根据选择隐藏特定字段。 当用户添加新条目时，他们必须选择特定类别。基于此，某些字段被隐藏

这是我目前使用的代码：

<select name="entry.parent" size="1" style="width: 360px;" id="SPCatChooserSl" class="required">
<option value="">Selecteer categorie</option>
<option  selected="selected" value="55">- Option 1</option>
<option value="59">- Option 2</option>

</select>

<div id="option1">
<p>Hier comes option 1</p>
</div>
<div id="option2">
<p>Here comes option 2</p>
</div>

<script>
jQuery(function() {
jQuery('#option1').hide();
jQuery('#option2').hide();
 });

jQuery(function() {
jQuery("#SPCatChooserSl").change(function() {
    if (this.value == '55') {
        jQuery('#option1').show();
    } else {
        jQuery('#option1').hide();
    }
    if (this.value == '59') {
        jQuery('#option2').show();
    } else {
        jQuery('#option2').hide();
    }
    });
     });
   </script>    

选择者分类
-选择1
-选择2
第二个选项是选项1

选项2来了

jQuery（函数（）{
jQuery（'#option1'）.hide（）；
jQuery（'#option2'）.hide（）；
});
jQuery（函数（）{
jQuery（“#SPCatChooserSl”）.change（function（）{
如果（this.value='55'）{
jQuery（'#option1'）.show（）；
}否则{
jQuery（'#option1'）.hide（）；
}
如果（this.value='59'）{
jQuery（'#option2'）.show（）；
}否则{
jQuery（'#option2'）.hide（）；
}
});
});

当用户仍然必须选择一个类别时，这种方法就起作用了。它根据选择隐藏字段

但是，当用户编辑条目时，类别已被选择，并且可能不会更改。因此，DIVS选项1和选项2被隐藏，并且由于用户没有选择类别，DIVS将永远不可见

所以问题是：如何在选择列表中检查特定值，在没有用户操作的情况下显示正确的字段

我希望我的问题/挑战是明确的：）

---

提前谢谢

您可以在文档准备就绪时更新选项：

jQuery(function() {
jQuery('#option1').hide();
jQuery('#option2').hide();
});

function updateOption() {
    jQuery('#option1').toggle(this.value == '55');
    jQuery('#option2').toggle(this.value == '59');
}

jQuery(document).ready(function() {
    jQuery("#SPCatChooserSl").each(updateOption);
    jQuery("#SPCatChooserSl").change(updateOption);
});

---

小提琴：

这就像一个符咒！非常感谢您的帮助和快速回答！！