加载中…layui多选下拉框
(2018-11-02 10:19:42)
标签：
layui多选下拉框 |
分类： js框架 |
=======================html代码==========================
});
<label
class="layui-form-label">名称：</label>
<div class="layui-input-block">
<div class="layui-unselect layui-form-select
downpanel">
<div class="layui-select-title">
<input type="text" placeholder="请选择"
readonly=""
class="layui-input layui-unselect" id="inputValueBD">
<i
class="layui-edge"></i>
</div>
<dl id="dl_into_dd" class="layui-anim
layui-anim-upbit" ><!-- 标段的动态DL标签 -->
<input type="checkbox"
name="demo" title="雅戈尔" value="1" lay-skin="primary">
<input type="checkbox"
name="demo" title="雅鹿" value="2" lay-skin="primary">
</dl>
</div>
</div>
=========================js代码==================
//设置显示隐藏多选下拉框和设置点击页面其他位置隐藏多选下拉框
var mouseClick = false;
$('#dl_into_dd').mouseover(function(){
mouseClick = true;
}).mouseout(function(){
mouseClick = false;
});
$(document).click(function(){
if(!mouseClick){
if($select != 'undifined' && $select != null)
$select.removeClass("layui-form-selected");
}else{
if($select != 'undifined' && $select != null)
$select.addClass("layui-form-selected");
}
})
//显示多选框里面的值
function insertNameF(){
var iresult_array=[];
$("input:checkbox[name='SECTION_ID']:checked").each(function()
{
iresult_array.push($(this).attr('title'));//向数组中添加元素
$('#inputValueBD').val(iresult_array.join(","));
}
喜欢
0
赠金笔
前一篇：逐行分析jQuery源码
后一篇：HTML素材