如何使用bootstrap动态生成输入框

该上位机是由串口和波形显示两蔀分组成废话少说先上传上位机的图片如下: 1.串口的配置 通过“端口设置”来设置串口的相应参数,“端口检测”用来自动检测当前计算机可用的串口端口号会显示例如“COM1 、...

}
这个不需要一定是bootstrap框架才能做吧思路可以是这样,在添加一行的下面创建5个输入框都 display: none ,然后点击添加一行按钮的时候把不显示的输入框的第一个 display: block 他不就出来了吗,洳果判断输入框满了5个提示不可一再添加了。
或者就是动态添加dom点击的时候,在输入框容器中创建一个 input 标签然后添加进去,定义一個计数器变量每次点按钮判断这个变量和5比较,小于的话就添加然后计数器+1,大于等于的话提示满5个了
全部
}

bsModal是一款基于Bootstrap4的动态生成模态窗口插件bsModal可以在模态窗口中使用任何自定义内容,并且可以和cropper.js结合使用在模态窗口中剪裁图片并上传服务器。

 

在页面中引入下面的css和js文件

 

使用bsModal插件的基本HTML结构如下。

 

在页面DOM元素加载完毕通过下面的方法来初始化bsModal插件。

// 剪裁图片模态窗口
 

bsModal插件的可用配置参数有:

模态窗口標题的字号默认为<h5>
模态窗口的body内容。可以是字符串或html标签
定义使用的语言默认使用浏览器默认语言
定义模态窗口的选择器,如果没有設置会创建一个新的模态窗口
打开模态窗口时是否使用渐现效果
打开模态窗口时的回调函数
关闭模态窗口时的回调函数
点击ok按钮后的回调函数
点击取消按钮后的回调函数

图片剪裁模态窗口的可用配置参数有:

剪裁图片的地址如果没有设置,则是上传模式否则指定的图片將被剪裁
u图片剪裁后的回调函数
}

我要回帖

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信