如何使用CakePHP的Form助手实现下拉搜索功能

首先修正你现有代码的语法错误，再根据需求调整即可：

1. 基础版本（需点击搜索按钮提交） #

原代码存在3处明显语法问题：

• select方法第一个参数'categories'后漏写逗号
• 选项数组中多余'type'=>'submit'属性，select选项不支持该配置
• 第三个属性参数中['empty' => true]多套了一层数组，不需要额外嵌套

修正后完整代码：

<?= $this->Form->create(null, ['type' => 'get']) ?>
            
<?= $this->Form->select(
    'categories',
    [
        ['text' => 'Admin', 'value' => 'admin'],
        ['text' => 'User', 'value' => 'user'],
        ['text' => 'Manager', 'value' => 'Manager']
    ],
    [
        'class' => 'form-control',
        'empty' => true,
        'value' => $this->request->getQuery('categories')
    ]
) ?>

<?= $this->Form->submit('Search', ['class' => 'btn btn-primary']) ?>
       
<?= $this->Form->end() ?>

这个版本的逻辑是：用户选择下拉选项后，点击Search按钮提交表单，提交后会将选中的categories值以get参数的形式传到当前控制器，你可以在控制器中通过$this->request->getQuery('categories')拿到选中值，再去查询对应分类的内容即可。

2. 优化版本（选择下拉后自动提交） #

如果想要实现不需要点击搜索按钮，选完下拉选项就自动触发搜索，只需要给select加一个onchange事件即可，修改select的属性配置部分：

<?= $this->Form->select(
    'categories',
    [
        ['text' => 'Admin', 'value' => 'admin'],
        ['text' => 'User', 'value' => 'user'],
        ['text' => 'Manager', 'value' => 'Manager']
    ],
    [
        'class' => 'form-control',
        'empty' => true,
        'value' => $this->request->getQuery('categories'),
        'onchange' => 'this.form.submit()'
    ]
) ?>

这种情况甚至可以把submit按钮的代码删掉，进一步简化交互。

控制器端逻辑补充 #

你只需要在Index控制器的方法中加入参数判断即可：

public function index()
{
    $query = $this->YourModel->find('all');
    // 拿到下拉提交的分类参数
    $category = $this->request->getQuery('categories');
    if ($category) {
        $query->where(['category' => $category]);
    }
    // 把查询结果传到视图
    $this->set('results', $query->all());
}

内容的提问来源于stack exchange，提问作者Rodrigo Cabotaje jr