javascript - 使用依赖下拉列表时，下拉列表不会更新 onchange

Question

我有三个相互依赖的下拉列表。我希望能够在选择第一个下拉列表时将第三个 DD 设置为 null，但到目前为止我的脚本没有执行任何操作。它正在更新第二个 DD，但不会更新第三个。

当所有 DD 都设置完毕并且我更新第一个 DD 时，它会更新第二个 DD，但不会将第三个 DD 设置为空。

这是我的脚本:

echo CHtml::dropDownList('island_id',$island,$locationsList, 
          array('ajax'=>array('type'=>'POST',
                'url'=>CController::createUrl('supplierHead/getRegions'),
                'update'=>'#region_id',),
                'id'=>'island_id',
                'empty'=>'Choose Island',
                'onchange'=>'$("#province_id").html("<option value=''>Choose Province</option>")'
     )); 
echo " ";
echo CHtml::dropDownList('region_id',$region, $regionsList, 
          array('ajax'=>array('type'=>'POST',
                'url'=>CController::createUrl('supplierHead/getProvinces'),
                'update'=>'#province_id',),
                'id'=>'region_id',
                'empty'=>'Choose Region',
     ));
echo " ";
echo CHtml::dropDownList('province_id',$province,$provincesList, array('empty'=>'Choose Province'));

Answer 1

试试这个:

echo CHtml::dropDownList('island_id',$island,$locationsList, 
          array('ajax'=>array('type'=>'POST',
                'url'=>CController::createUrl('supplierHead/getRegions'),
                'update'=>'#region_id',),
                'id'=>'island_id',
                'empty'=>'Choose Island',
                'onchange'=>'$("#province_id,#region_id").children().html("<option value=''>Choose Province/region</option>")'
     ));