js 编辑弹窗显示文本框赋值方法封装

最新推荐文章于 2023-08-14 08:56:30 发布

小李不是李

最新推荐文章于 2023-08-14 08:56:30 发布

阅读量753

点赞数

分类专栏： HTML+CSS+JS 文章标签： javascript 前端 json html

本文链接：https://blog.csdn.net/yimeng19931020/article/details/125998370

版权

在前端开发中，当需要在编辑弹窗中为多个文本框快速赋值时，可以使用封装的方法来提高效率。本文介绍了一种封装的JavaScript方法，支持通过属性名动态赋值，适用于字段多的情况。示例代码展示了如何调用该方法，包括参数的使用说明。

摘要由CSDN通过智能技术生成

js 编辑弹窗显示文本框赋值方法封装

场景

上图所示点击编辑按钮弹出一个窗口，这时需要对弹窗内的文本框进行赋值显示，传统写法是：
```
	$('#tag_name').val('1');
	$('#type').val(1)
	$('#sort').val(1)
```

如果后面字段多起来，这样写就太耗费时间了，于是便封装了以下方法（参考网上别人发的，进行了略微调整）

封装方法如下（目前只支持 input select textarea 赋值）：

(function($){
    $.fn.extend({
        initForm:function(options){
            //默认参数
            var defaults = {
                jsonValue:"",
                exclude:[],     //不需要进行初始化的name,将name字符串数组传入
                name_equal:{}, //name相同时，对应下标
                isDebug:false	//是否需要调试，这个用于开发阶段，发布阶段请将设置为false，默认为false,true将会把name value打印出来
            }