Fastadmin带搜索的多选下拉框实例

最新推荐文章于 2026-03-29 03:43:42 发布

原创最新推荐文章于 2026-03-29 03:43:42 发布 · 2.1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

文章展示了在添加和编辑页面中使用多选下拉列表的实现，其中包含了数据实时搜索功能。在添加页面，用户可以选择多个选项并将其值作为数组传递给控制器。而在编辑页面，已选择的选项值被表示为由多个ID组成的字符串，这些ID经过HTML实体编码。

add添加页面：

重点标注：

（1）multiple="" 单选变多选

（2）data-live-search="true" 下拉选择时显示搜索框

（3）name="row[question_id][]" 把选择的选项值收纳到一个数组传递给控制器

   <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">题目:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-question_id" data-rule="required" class="form-control selectpicker" multiple="" data-live-search="true" name="row[question_id][]">
                {foreach name="questionList" item="vo"}
                <option value="{$vo.id}" {in name="vo.id" value=""}selected{/in}>{$vo.question}</option>
                {/foreach}
            </select>
        </div>
    </div>

edit编辑页面：

重点标注：

value="$row.question_id|htmlentities"，值为多个id拼接的字符串类型

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Question')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-question_id" data-rule="required" class="form-control selectpicker" multiple="" data-live-search="true" name="row[question_id][]">
                {foreach name="questionList" item="vo"}
                <option value="{$vo.id}" {in name="vo.id" value="$row.question_id|htmlentities"}selected{/in}>{$vo.question}</option>
                {/foreach}
            </select>
        </div>
    </div>

标签

#php #前端