jquery - 选择框的onchange事件

Question

我在 jquery 中使用 选择框的 onchange 事件。在更改时，我在其他 div 中给出了 display property = none。问题是，当我从数据库中获取数据并将其设置在选择框中时，onchange 属性不适用于给定值。为什么？我的代码

<select id="patientType" name="Patient_Type">
<option value="">--SELECT--</option>
<option value="OPD">OPD</option>
<option value="IPD">IPD</option>
</select>
<div id="roomInfo" clasas="inactive"></div>

脚本

$('#patientType').change(function() {
 if ($('#patientType').val() == 'IPD') {
  if ($('#roomInfo').hasClass('inactive')) {
   $('#roomInfo').removeClass('inactive');// CSS Property Display None in this class
   $('#roomInfo').addClass('active');
  }
 } else {
  if ($('#roomInfo').hasClass('active')) {
     $('#roomInfo').removeClass('active');
     $('#roomInfo').addClass('inactive');
    }
 }
});

现在我从数据库中获取数据并将其设置为选择 patientType$('#patientType').val(从数据库中获取数据);无法应用 onchange 事件应用并且不显示我的 roomInfo div所以有没有可能。或获取该方法的另一种方法。请帮忙。提前致谢。

Answer 1

因为您手动更改了该值。您需要触发选择框的 .change() 事件。请引用以下链接。

http://api.jquery.com/change/

否则

如果您通过 ajax 加载数据，请使用如下

$('#patientType').on("change",function() {
   //Your code here
});