[fastadmin]第七篇 FastAdmin中form常用技巧：下拉框联动、下拉框搜索和下拉框多选
25 / 0 / 创建于 1年前 /
wangchunbo 的个人博客
form 常用技巧
下拉框联动
使用data-url属性来设置取值的链接。你可以自己配置参数和展示字段。
API也需要自行配置，返回一个对象即可。
API返回写法示例：$this->success('', null, $list);
html 代码:
<div class="row" data-toggle="cxselect" data-selects="group,admin">
<div class="col-xs-6">
<select class="group form-control" name="group" data-url="xy/yyxxgl/getGroupList"></select>
</div>
<div class="col-xs-6">
<select class="admin form-control export_hospital_id" name="hospital_id" data-url="xy/yyxxgl/getHospitalListByGroup" data-query-name="group_id"></select>
</div>
<input type="hidden" class="operate " data-name="hospital_id" value="in"/>
</div>
下拉框搜索
![[fastadmin]第七篇 FastAdmin中form常用技巧：下拉框联动、下拉框搜索和下拉框多选](https://cdn.learnku.com/uploads/images/202311/21/46135/dO4TRJH57u.png!large)
设置属性: data-live-search=”true”
<select id="c-gkbs" data-rule="required" min="0" class="form-control selectpicker" data-live-search="true" name="row[hospital_id]">
{foreach name...省略下拉框多选
![[fastadmin]第七篇 FastAdmin中form常用技巧：下拉框联动、下拉框搜索和下拉框多选](https://cdn.learnku.com/uploads/images/202311/21/46135/GZEfJrJcGq.png!large)
如下面代码改为多选
<select id="c-sheet_type" data-rule="required" min="0" class="form-control selectpicker" name="row[sheet_type]">
{foreach name="sheetTypeList" item="vo"}
<option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
{/foreach}
</select>则 name 改为 name="row[sheet_type][]"
增加一个css属性: mulitple
加好,代码如下
<select id="c-sheet_type" mulitple data-rule="required" min="0" class="form-control selectpicker" name="row[sheet_type][]">
{foreach name="sheetTypeList" item="vo"}
<option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
{/foreach}
</select>本作品采用《CC 协议》，转载必须注明作者和本文链接
关于 LearnKu
粤公网安备 44030502004330号