如何用JavaScript为Yii的CActiveForm下拉框预设值？

架构老林

2026-5-27

解决CActiveForm下拉框无法通过JS预设值的问题

我明白你遇到的困扰了——文本框都能正常通过JS赋值，但CActiveForm生成的下拉框就是没反应，这大概率是值的类型不匹配或者原生JS操作下拉框的小细节导致的。下面给你几个实用的解决方案：

原因分析

先看你的PHP代码，下拉框的选项键是字符串类型：

array('0' => 'Inactive', '1' => 'Active')

而从Ajax返回的result[0]['active']很可能是数字类型（比如0或1），原生JS的element.value要求设置的值和选项的value属性完全匹配（包括数据类型），数字和字符串不相等，所以下拉框选不上对应选项。

解决方案

方案1：转换值的类型为字符串

把Ajax获取到的active值转成字符串后再赋值，确保和选项的value类型一致：

document.getElementById("EconfigPaypal_active").value = String(result[0]['active']);

方案2：使用jQuery的val()方法（更简便）

Yii 1.x默认集成了jQuery，它的val()方法会自动处理类型匹配问题，代码更简洁省心：

$("#EconfigPaypal_active").val(result[0]['active']);

如果你的项目里没自动加载jQuery，可以在页面头部用Yii::app()->clientScript->registerCoreScript('jquery')确保它已加载。

方案3：手动遍历选项设置选中状态

如果上面两种方法都不生效，还可以手动遍历下拉框的选项，匹配后设置selected属性：

var selectEl = document.getElementById("EconfigPaypal_active");
var targetValue = result[0]['active'];
for(var i=0; i<selectEl.options.length; i++){
    if(selectEl.options[i].value == targetValue){ // 用松散比较忽略类型差异
        selectEl.options[i].selected = true;
        break;
    }
}