Dcat-Admin 2.x表单使用select和input进行表单联动一例

Dcat-Admin 2.x表单使用select和input进行表单联动一例

Yesr00
2025-01-07 / 0 评论 / 459 阅读 / 正在检测是否收录...

前言

这个场景是最近在写一个兼职项目的时候用到的一个场景。但是由于select数量太多使用when的话不太合适当前场景。而用自带的load或者loads无法实现正常的赋值,改了各种接口格式不是undefined就是报错。在不想改源码的情况下,使用了当前方法。

使用代码示例-以widget form为例

$this->select('user_no','用户编号')->options(User::query()->pluck('user_no','id'))->script(
"
$('select[name=\"station_no\"]').on('change',function(e){
    var station_no = $(this).val();
    $.ajax({
        url:'/admin/name_by_no',
        method:'GET',
        data:{q:station_no},
        success:(res)=>{
            console.log('success',res);
            $('input[name=\"name\"]').val(res.text);
        },
        fail:(err)=>{
            console.log('err',err);
        }
    });
})"
);
$this->text('name','姓名')->readonly(true);

总结

通过上述方法,实现了在选中select选项后对text进行赋值的一个演示。

0

评论 (0)

取消