fastadmin 动态修改data-params

最新推荐文章于 2024-09-27 11:37:47 发布

原创最新推荐文章于 2024-09-27 11:37:47 发布 · 1.6k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #php

本文详细描述了如何在HTML表单中，通过JavaScript获取id为c-master_id的输入框值，并动态绑定到表单参数中，以便与服务器API进行交互。展示了绑定事件和使用getElementById获取DOM元素的方法。

首先是需要赋值的输入框demo

<input id="c-master_id" data-rule="required" data-params='{"custom[city_id]":"row[city_id]"}' data-source="master/index" class="form-control selectpage" name="row[master_id]" type="text" value="{$row.master_id|htmlentities}">

然后再js部分这么写

对应方法的js下的API：中

Form.api.bindevent($("form[role=form]"));

的前面

api: {
            bindevent: function () {
                // 获取id为"c-master_id"的元素
                var element = document.getElementById('city_id');
                // 获取元素的value值
                var value = element.value;
                console.log(value);

                $("#c-master_id").data("params", function(){
                    return {"custom[city_id]":value};
                });

                Form.api.bindevent($("form[role=form]"));
            }
        }

其他的赋值方式和这个都差不多希望能帮助你