最新公告
  • 欢迎您光临站长源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • Layui layer.open 无法获取content里面的input的值

    正文概述 管理员   2024-11-10   52
    <div id="search_ebook_vcode" style="display: none;">
        <div class="layui-form" style="margin: 10px;">
            <div class="layui-form-item">
                <label class="layui-form-label">验证码</label>
                <div class="layui-input-block">
                    <input type="text" name="search_vcode" id="search_vcode" placeholder="请输入验证码" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <img id="captchaPic" src="{$cfg[weburl]}index.php?comment-vcode-name-searchvcode" onclick="this.src='{$cfg[weburl]}index.php?comment-vcode-name-searchvcode-r-'+Math.random();" alt="验证码">
                </div>
            </div>
        </div>
    </div>
    <script>
        layui.use(['form','layer'], function () {
            var layer = layui.layer, $ = layui.$, form = layui.form;
            $(".search_ebook").click(function () {
                var keyword = $('input[name="keyword"]').val();
                if(keyword == ''){
                    layer.msg("请输入搜索关键字", {icon: 5});
                }else{
                    layer.open({
                        id: 'search_open',
                        type: 1,
                        title: '请输入验证码',
                        shade: 0.6,
                        shadeClose: true,
                        maxmin: true,
                        anim: 0,
                        content: $("#search_ebook_vcode").html(),
                        btn: ['确定', '取消'],
                        btn1: function(index, layero){
                            var search_vcode = $("#search_vcode").val();
                            alert(search_vcode);
                        }
                    });
                }
            });
        });
    </script>

    点击【确定】就是不能获取input的值,总是为空字符串。

    后来在网上查找资料,原来这是个比较普遍的bug,原来是layer.open的content参数,应该写成

    content: $("#search_ebook_vcode"),

    不要后面的html(),去掉后调试正常获取了input的值。

    特此记录~~~

    layer.open({
    	id: 'search_open',
    	type: 1,
    	title: '请输入验证码',
    	shade: 0.6,
    	shadeClose: true,
    	maxmin: true,
    	anim: 0,
    	content: $("#search_ebook_vcode"),
    	btn: ['确定', '取消'],
    	btn1: function(index, layero){
    		var search_vcode = $("#search_vcode").val();
    		alert(search_vcode);
    	}
    });


    站长源码网 » Layui layer.open 无法获取content里面的input的值

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者
    © 2024 adminhtml.com 鲁公网安备37162202000157号 鲁ICP备2021038877号-10 XML地图

    本站注明原创资源内容转载时请注明来源,其他资源均收集于网络,并已标明来源出处,如有侵权请联系我们!

         

    请选择支付方式

    ×
    支付宝支付
    余额支付
    ×
    微信扫码支付 0 元