Javascript 动态创建的视图选择框的Codeigniter onchange事件

我是codeigniter的新手，需要一些帮助。在控制器中，我获取选项和子选项的数据，并在以下代码中加载视图。视图基本上只是创建一个表，其中包含从控制器传递给它的选择框。我遇到的问题是，我不确定如何为动态生成的控件执行onchange事件

<?php foreach($options as $option) { ?>
       <tr>
       <td></td>
       <td><p><?php echo $option['name']; ;?>:</p></td>
       <td>
       <select name="<?php echo $option['name']; ?>" id="<?php echo $option['name']; ?>" rows="4" class="form-control">                     
          <?php foreach($suboptions as $suboption) { ?>
             <?php if($suboption['plat_option'] ==  $option['name']) { ?>
                <option value="<?php echo $suboption['name']; ?>"><?php echo $suboption['name']; ?></option>
             <?php } ?>
          <?php } ?>
        </select>
      </td> 
      </tr>
<?php } ?>

:

我希望这段代码能帮助你

<?php foreach($options as $option) { ?>
   <tr>
   <td></td>
   <td><p><?php echo $option['name']; ;?>:</p></td>
   <td>
   <select name="<?php echo $option['name']; ?>" id="<?php echo $option['name']; ?>" rows="4" class="form-control" onchange="change(this.value)">                     
      <?php foreach($suboptions as $suboption) { ?>
         <?php if($suboption['plat_option'] ==  $option['name']) { ?>
            <option value="<?php echo $suboption['name']; ?>"><?php echo $suboption['name']; ?></option>
         <?php } ?>
      <?php } ?>
    </select>
  </td> 
  </tr>

 function change(val)
{
alert(val)
}