当前位置: 首页 > news >正文

在郑州网站推广国内免费b2b网站大全

在郑州网站推广,国内免费b2b网站大全,微信app下载安装教程,图书翻页的动画 做网站启动用layui-xm-select 的功能强大,可多选、可下拉树、下拉日期多选、下拉折叠面板、下拉穿梭框、级联模式。 首先在引用layui css和js 的基础上,再引用js:layui-xm-select layui-xm-select点击下载地址 基本使用 第一步: 下载 第二步: 引入 layu…

layui-xm-select 的功能强大,可多选、可下拉树、下拉日期多选、下拉折叠面板、下拉穿梭框、级联模式。
首先在引用layui css和js 的基础上,再引用js:layui-xm-select
layui-xm-select点击下载地址
基本使用

第一步: 下载
第二步: 引入 layui-xm-select.js
第三步: 写一个`<div id="demo1"></div>`
第四步: 渲染var demo1 = xmSelect.render({el: '#demo1',language: 'zn',data: [{name: '张三', value: 1},{name: '李四', value: 2},{name: '王五', value: 3},]})

代码案例:

<div id="demo1" class="xm-select-demo"></div>
<button class="btn" id="demo1-getValue">获取选中值</button>
<pre id="demo1-value"></pre><script>
var demo1 = xmSelect.render({el: '#demo1', language: 'zn',data: [{name: '张三', value: 1},{name: '李四', value: 2},{name: '王五', value: 3},]
})document.getElementById('demo1-getValue').onclick = function(){//获取当前多选选中的值var selectArr = demo1.getValue();document.getElementById('demo1-value').innerHTML = JSON.stringify(selectArr, null, 2);
}
</script>

默认选中值
selected是选中, disabled是禁用

<div id="demo2" class="xm-select-demo"></div><script>
var demo2 = xmSelect.render({el: '#demo2', data: [{name: '水果', value: 1, selected: true, disabled: true},{name: '蔬菜', value: 2, selected: true},{name: '桌子', value: 3, disabled: true},{name: '北京', value: 4},]
})
</script>

搜素值 添加 filterable: true
多选上限 max: 2

<div id="demo1" class="xm-select-demo"></div><script>
var demo1 = xmSelect.render({el: '#demo1', filterable: true,max: 2,data: [{name: '水果', value: 1},{name: '蔬菜', value: 2},{name: '桌子', value: 3},{name: '北京', value: 4},]
})
</script>

给多选赋值

<div id="demo1" class="xm-select-demo"></div>
<br/><br/>
<button class="btn" id="demo1-test1">赋值张三</button>
<button class="btn" id="demo1-test2">赋值张三(value方式)</button>
<button class="btn" id="demo1-test3">追加赋值李四</button>
<br/><br/>
<button class="btn" id="demo1-test4">清除李四</button>
<button class="btn" id="demo1-test5">清空</button>
<pre id="demo1-result"></pre><script>
var demo1 = xmSelect.render({el: '#demo1', data: [{name: '张三', value: 1},{name: '李四', value: 2},{name: '王五', value: 3},]
})document.getElementById('demo1-test1').onclick = function(){demo1.setValue([{name: '张三', value: 1},])
};document.getElementById('demo1-test2').onclick = function(){demo1.setValue([ 1 ])
};document.getElementById('demo1-test3').onclick = function(){demo1.append([ 2 ]);
};document.getElementById('demo1-test4').onclick = function(){demo1.delete([ 2 ])
};document.getElementById('demo1-test5').onclick = function(){demo1.setValue([ ])
};</script>

取值

<div id="demo2" class="xm-select-demo"></div>
<button class="btn" id="demo2-getValue">获取选中值</button><br/><br/><button class="btn" id="name">获取name数组</button>
<button class="btn" id="nameStr">获取name字符串</button>
<button class="btn" id="value">获取value数组</button>
<button class="btn" id="valueStr">获取value字符串</button><pre id="demo2-value"></pre><script>
var demo2 = xmSelect.render({el: '#demo2', data: [{name: '张三', value: 1},{name: '李四', value: 2},{name: '王五', value: 3},]
})document.getElementById('demo2-getValue').onclick = function(){//获取当前多选选中的值var selectArr = demo2.getValue();document.getElementById('demo2-value').innerHTML = `\ndemo2.getValue()\n\n` + JSON.stringify(selectArr, null, 2);
}var types = ['name', 'nameStr', 'value', 'valueStr'];
types.forEach(function(type){document.getElementById(type).onclick = function(){//获取当前多选选中的值var selectArr = demo2.getValue(type);document.getElementById('demo2-value').innerHTML = `\ndemo2.getValue('${type}')\n\n` + JSON.stringify(selectArr, null, 2);}
});</script>

说明:此文档说明不全,可参考具体说明文档:https://maplemei.gitee.io/xm-select/

http://www.15wanjia.com/news/20889.html

相关文章:

  • 用dw做动态网站乱码怎么弄网络营销策划模板
  • php可以做网站app吗合肥百度搜索排名优化
  • 门户网站安全建设怎么做网站
  • 移动端网站制作站长工具站长之家
  • 网站备案要网站做才可以使用吗建站企业网站
  • 网站后期维护内容友情链接外链
  • 用html做网站代码个人博客网页设计html
  • 帮做3d模型的网站杭州网站推广优化
  • wordpress创建自定义页面自己怎么优化网站排名
  • 自己做家具展示网站键词优化排名
  • 行业网站建设运营seo快速排名百度首页
  • 筛网怎么做网站网络营销八大职能
  • 自己怎么做网上注册免费的网站b2b网站免费推广
  • 哪个建设网站好宁波优化系统
  • 教育培训网站开发西安百度seo推广电话
  • 网站建设的落地页今日新闻最新头条10条摘抄
  • wordpress建站需要写代码吗免费的外贸b2b网站
  • 如何做网站图标平台seo什么意思
  • 滨州网站建设制作图片外链
  • 青岛专业网站制作外链交换平台
  • 网站建设页面生成网站开发合同
  • 银川专业做网站百度百科查询
  • 交易平台网站建设品牌推广运营策划方案
  • 校园网站做等级保护推广优化网站
  • 深圳前十网站建设公司seo教学
  • 香港网站域名申请百度seo排名优
  • 郑州公司网站建设服务排名优化工具下载
  • asp网站怎么做404页面跳转seo具体seo怎么优化
  • 保山市城乡建设局网站百度24小时人工客服
  • seo优化排名教程百度技术网站排名优化首页