如何使用chtml下拉列表和javascript更新yii1上的表？

我想使用chtml下拉菜单来更改表的值，如果我在cgridview上使用，它会工作得很好。但当我有一个costumize表时，它就不起作用了。这是我的密码：

我的chtml代码：

<?php
echo "Period: ".CHtml::dropDownList('list_period_active', $id_periode,$list_period_active);
?>

我的表格代码：

<table width="75%" border="1" id="box-table-a" >
<thead>
    <tr>
        <th scope="col">column 1</th>
        <th scope="col">column 2</th>

    </tr>
</thead>
<?php
$typeprogress = Period::getProgressType();
$i=0;

foreach($typeprogress as $type){
    $i++;

    echo '<tr>';
    echo '<td>'.$i.'</td>';
    echo '<td>'.$type.'</td>';

}
?>
</table>

第1栏
第2栏

我的javascript代码：

<script type="text/javascript">

    $('#list_period_active').change(function (){
        $.fn.yiiGridView.update('penilaian-ptsp-periode-grid', {
            data: {'period':$('#list_period_active').val()}
        });
        return false;
    });

</script>

$（'#列表_期间_活动'）。更改（函数（）{
$.fn.yiiGridView.update（'penilaian-ptsp-periode-grid'{
数据：{'period'：$（'list#period_active'）.val（）}
});
返回false；
});

您需要解释为什么它不起作用，或者更确切地说是发生了什么与您期望的相反。我有上面这样的表，我希望使用chtml下拉列表更改表。例：如果我在下拉列表中选择2015年，该表将显示2015年的数据。如果我选择2016年，该表将显示2016年的数据。当我使用cgridview时，它可以工作，但当我创建上面这样的手动表时，它就不工作了。您需要解释为什么它不工作，或者更确切地说是发生了什么，而不是您所期望的。我有上面这样的表，我希望使用chtml下拉列表更改表。例：如果我在下拉列表中选择2015年，该表将显示2015年的数据。如果我选择2016年，该表将显示2016年的数据。当我使用cgridview时，它可以工作，但当我像上面那样创建手动表时，它就不工作了。