帮助

登录

帮助菜单

平台基础数据管理

组织机构管理

用户管理

用户组管理

机构授权管理

文件访问权限

自定义IP管理

编辑器管理

上传类型管理

功能模版管理

WEB应用管理

应用管理

视频

投票

自定义列表

工作流

新闻频道

文档库

网站

前端css样式

背景、边框、字体颜色

function函数

选择确认弹窗

组件

当前位置：

企业应用开发平台

-帮助

返回

底部弹窗

在使用前请引入一下代码：
<link href="/App_Themes/Blue/Default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="/images/js/byq_js.js"></script>

主要用于移动端底部弹出窗口，可用于选项输入等
<div class="page-cell-right open-popup" data-target="targetdiv" for="Text1" selectaction="selectaction"> </div>
在需要弹窗的对象中加入样式open-popup即可实现弹窗效果
参数：
data-target：目标div的ID(必选)
for：文本ID,在弹窗中选中的选项会写入到此(可选)
selectaction：选择后执行的函数（可选）

运行效果:

效果代码

加载

复制

<script type="text/javascript">
        function selectaction() {
            alert("选中了")
        }
    </script>
    <div class="page-body">
        <div class="page-cell page-cell-bottom">
            <div class="page-cell-left">
                <label class="page-label">性别：</label>
            </div>
            <div class="page-cell-right open-popup" data-target="targetdiv" for="Text1" selectaction="selectaction">
                <input id="Text1" type="text" value="男" class="page-input" placeholder="请选择性别" />
            </div>
        </div>
    </div>
    <div id="targetdiv" class="popup_div" selecttype="radio">
        <div class="popup_div_topdiv bc3">
            <div class="popup_div_topdiv_title">
                选择性别
            </div>
            <div class="close-popup">
                关闭
            </div>
        </div>
        <div class="popup_div_content">
            <div class="page-cell page-cell-bottom page-cell-check" value="男" text="男"></div>
            <div class="page-cell page-cell-bottom page-cell-check" value="女" text="女"></div>
        </div>
    </div>

著作权人:白玉群电话:18131632810 邮箱:yqbai@live.cn 软著登记号:2021SR1500024

官网:www.yqbai.com ICP备案号:冀ICP备16025109号-1