Laravel Dcat Admin新增页面根据输入某一字段内容同步回填另一字段值

Reset0x0

已于 2024-03-11 17:50:44 修改

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： php laravel ajax javascript

于 2022-11-08 00:47:42 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45920920/article/details/127741463

本文介绍了如何在Laravel Dcat Admin中实现输入特定字段内容后自动同步回填其他字段的示例，如输入姓名同步助记码。通过编写JS实现这一功能，并探讨了如何封装代码以实现代码复用。例如，可以扩展该方法来根据出生日期计算工龄或根据身份证号码回填出生日期，涉及到的数据仓库方法、路由、控制器和JS的相应修改也进行了简要说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们以输入姓名自动同步填入助记码为例

先来看效果 输入姓名张三同步在助记码中填入内容ZS
输入姓名同步在助记码中填入内容
在Dcat Admin中并未拥有此功能想要实现效果需要自己写js

主要代码如下：

    /**
     * Make a form builder.
     *
     * @return Form
     */
    protected function form()
    {
   
   
        return Form::make(new XXXX(), function (Form $form) {
   
   
                $form->text('name')->required()->prepend('');
                //$form->select('gender_dict_id')->options(Administrator::gender_options())->required();
                $form->text('code')->required()->prepend('');


            Admin::script(
                <<<JS
		        $("input[name='name']").on('input',function(e){
   
   
		            $.ajax({
   
   
		            'type'  : 'get',
		            'url'     : '/admin/get-mnemonic-code',
		            'data'  : {
   
   name:$(this).val()},
		            'dataType' : 'json',
		            success : function(res){
   
   
		                $("input[name='code']").val

最低0.47元/天解锁文章

200万优质内容无限畅学