layui动态改变弹出框的高度

最新推荐文章于 2024-04-27 01:00:51 发布

感叹号○

最新推荐文章于 2024-04-27 01:00:51 发布

阅读量1.6w

点赞数 1

分类专栏：前端文章标签： html javascript

本文链接：https://blog.csdn.net/qq_29775797/article/details/110291080

版权

在项目中遇到弹出框需要根据下拉选项内容动态调整其高度的问题。通过JavaScript实现，具体实现代码如下：（此处省略具体代码）

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

项目场景：

弹出框页面中根据下拉选项的不同，动态的改变页面的高度。

详细描述：

如下图所示，当页面中的【通知内容类型】选择【相同内容通知】时，弹出框页面中就会多出一个【推送内容】项，这个时候页面的高度就需要改变。

解决方案：

解决的方法不多说了直接上代码

html代码
<div class="layui-form-item updateType">
	<label class="layui-form-label required">通知内容类型:</label>
	<div class="layui-input-inline">
		<select name="contentType" lay-filter="contentType" lay-verify="contentType">
			<option value="1