选择框的转换事件

Question

我正在使用onchange event of select boxjquery.我display property = none在其他div中给出了改变.问题是,当我从数据库获取数据并将其设置在选择框中时,因此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
});