layui下拉框select里面的div怎么去找

layui下拉框select里面的div怎么去找,第1张

首先不管是单选框还是复选框或者是下拉框,都要在你写的标签外面套一层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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9302713.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)

    保存