如何结合数据库，在页面加载时通过jQuery将下拉框的第二个值（Commerce）设为默认值？（附代码求助）

首先要说明，最稳妥的方式是直接在PHP后端设置默认值——毕竟这属于表单初始化的需求，后端处理不需要依赖前端JS，加载速度更快也更可靠。

方法一：后端CakePHP代码直接设置（推荐） #

你的Form->control方法可以直接添加'value'参数，指定默认选中选项的键值（注意不是文本内容，而是$course_list数组里对应「Commerce」的键）。

示例1：已知Commerce对应的键值 #

假设你的$course_list结构是这样的：

$course_list = [
    1 => 'Science',
    2 => 'Commerce'
];

那修改后的表单代码如下：

<?php echo $this->Form->control( 
    'course_id', 
    array( 
        'type' => 'select', 
        'options' => $course_list, 
        'class' => 'form-control select2-show-search search_dropdown get-next-child',
        'required', 
        'id' => 'course_id', 
        'label' => false,
        'value' => 2 // 填入Commerce对应的键值
    ) 
); ?>

示例2：自动匹配Commerce的键值 #

如果你不确定「Commerce」对应的键值，可以先从$course_list中自动查找：

// 先找到Commerce对应的数组键
$defaultCourseKey = array_search('Commerce', $course_list);

// 再渲染表单
<?php echo $this->Form->control( 
    'course_id', 
    array( 
        // 保留原有所有参数
        'value' => $defaultCourseKey
    ) 
); ?>

方法二：修正前端jQuery代码 #

如果一定要用前端JS实现，你的代码有两个关键问题需要调整：

1. 事件绑定错误：$(document).load()已被废弃，应该用$(document).ready()或更简洁的$(function(){})
2. val()方法需要传入option的value属性值，不是文本内容；如果用文本匹配，要先找到对应的value

修正后的代码如下：

<script>
$(function() { // 替换原有的$(document).load
    var targetText = 'Commerce';
    // 找到文本为Commerce的option对应的value
    var targetValue = $('#course_id option:contains(' + targetText + ')').val();
    if (targetValue) {
        $('#course_id').val(targetValue).trigger('change'); // 触发change事件，确保select2组件同步状态
    }
});
</script>

注意：因为你用了select2插件，设置val后必须触发change事件，否则select2的UI不会同步更新选中状态。

内容的提问来源于stack exchange，提问作者shreya