
首先不管是单选框还是复选框或者是下拉框,都要在你写的标签外面套一层div或者是form标签,如:
<div class="layui-input-block"> <input type="radio" name="sex" value="0" title="男"> </div>,class属性是固定写法。
这样写好了以后,你如果是写在静态页面,这样式可以看见效果,如果写在js里,这样写了还有一步得写,那就是
var form = layuiform(); formrender("select"); //更新全部
这样写是外面套的是form标签,如果是div,就写layuidiv();即可。
对于下拉框的事件的使用,语法formon('event(过滤器值)', callback);
也可写成
var form=layuiform();
formon('select(addywlb)', function(data){}),这里面的选中的值可以直接datavalue;关于data里的数据结构,感兴趣可以consolelog(data);打印出看看。获取选中的其他的属性值,和普通的用法一样,$("#cxYearBegin option:selected")attr("year");对了,关于select()括号里的值是这样来的 <select name="modules" lay-verify="required" lay-filter="cxYearBegin" lay-search="" id="cxYearBegin" >,根据这个lay-filter属性来获取。
如果是复选框的事件,就可以这样写
formon('checkbox(filter)', function(data){});
如果是单选按钮是这样写:
formon('radio(filter)', function(data){});
如果是开关按钮,事件是一样的:
formon('switch(filter)', function(data){});
其中括号里的值都是通过lay-filter这个属性值来获取。
首先看你的的控制台有没有报错加载不到layerjs或者formjs
然后你的整个表单必须有form层
我把代码和整个目录结构给你看
1、目录结构
2、代码
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body style="padding: 10px;">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-inline">
<input type="text" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">角色</label>
<div class="layui-input-block">
<select name="gid" lay-verify="">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密 码</label>
<div class="layui-input-inline">
<input type="text" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">姓 名</label>
<div class="layui-input-inline">
<input type="text" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状 态</label>
<div class="layui-input-inline">
<input type="checkbox" lay-skin="primary">
</div>
</div>
</form>
<link rel="stylesheet" type="text/css" href="/layui/css/layuicss">
<script type="text/javascript" src="/layui/layuialljs"></script>
<script type="text/javascript">
//一般直接写在一个js文件中
layuiuse(['layer', 'form'], function(){
var layer = layuilayer
,form = layuiform;
layermsg('Hello World');
});
</script>
</body>
</html>
3、结果图
按照以下步骤,调整输入法和地区等选项
1 打开“控制面板”,双击“Regional and Language Options”图标,打开区域和语言设置窗口;
2 在区域和语言设置窗口中,选择“Language”选项卡,将“Install Files for East Asian Languages” 选项打勾;
3 系统提示需要约10MB的空间,请选择确定并根据提示 *** 作,成功后返回到“Regional Options” 页中;
4 在“Regional Options”选项卡中的“Standards and Formats”下拉框中选择“Chinese (PRC)”使用中文格式,“Location”下拉框中选择“China”,表示当前所属区域为中国;
5 在“Language”选项卡中单击“Details”按钮,在“Settings”中的“Default input language”下拉框中选择“Chinese (PRC)-Chinese(Simplified)-US Keyboard”,并且在“Install Serivces”中点击“Add”按钮即可添加中文输入法。
//日期控件
laydaterender({
elem: '#startTime',
type: 'datetime',
});
//时间控件
laydaterender({
elem: '#endTime',
type: 'datetime',
});
datt();
function datt(){
$$("#startTime")val(startDate);
$$("#endTime")val(endDate);
}
selected = "selected"
你在php中传值到页面的时候传一个 select值(就是你之前改之后的值) 传到页面之后 你就判断你的这个值 在<option <php if(你后台接受到的值=你本选择的值){echo selected = "selected"
}></option>
以上就是关于layui下拉框select里面的div怎么去找全部的内容,包括:layui下拉框select里面的div怎么去找、layui 中 <div> 如何加入 lay-verify="required" 标签、layuid出层带下拉框input等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)