如果选择了值jQuery，则显示div

我在jQuery中有一个函数用于Add表单，但我需要修复该函数以在编辑表单上显示div

添加表单示例：

jQuery：

$(document).ready( function() {
  $('#status').bind('change', function (e) { 
    if( $('#status').val() == 'Rejected') {
      $('#reason').show();
      $("#reason").css({ display: "inline-block" });
      $('#decision').hide();
    }
    else if( $('#status').val() == 'Accepted') {
      $('#reason').hide();
      $('#decision').show();
    }         
  });
});

表格：

状态：
认可的
拒绝
原因:
决定：
等待
发送

很好，但当我打开编辑表单并选择“拒绝”时，原因仍在显示的隐藏和决策中

我的问题是，如果被拒绝，我怎么做才能得到“隐藏”决定和“显示”理由

---

非常感谢您的帮助。

您可以使用

触发器（“更改”）立即触发事件。

如下所示：

$(document).ready( function() {
  $('#status').bind('change', function (e) { 
    if( $('#status').val() == 'Rejected') {
      $('#reason').show();
      $("#reason").css({ display: "inline-block" });
      $('#decision').hide();
    }
    else if( $('#status').val() == 'Accepted') {
      $('#reason').hide();
      $('#decision').show();
    }         
  }).trigger('change');
});

---

您可以使用

触发器（'change'）

立即触发事件，如下所示：

$(document).ready( function() {
  $('#status').bind('change', function (e) { 
    if( $('#status').val() == 'Rejected') {
      $('#reason').show();
      $("#reason").css({ display: "inline-block" });
      $('#decision').hide();
    }
    else if( $('#status').val() == 'Accepted') {
      $('#reason').hide();
      $('#decision').show();
    }         
  }).trigger('change');
});

---

完美，错过了.trigger，Thx很多。完美，错过了.trigger，Thx很多。