PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > LeCMS

Layui layer.open 无法获取content里面的input的值-教程-Lecms 交流论坛

管理员 2023-06-01
LeCMS
9
<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);	}});

 

 


希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部