精华内容
下载资源
问答
  • 下拉多选框
    2022-06-22 09:27:24
    xmSelect.render({
      el: '#da', //<div>里面的id 自己设置
      theme: {
        color: '#0984ff',
      },
      filterable: true,
      tips: '文字',//自定义文字
      height: '250px',
      prop: {
        name:'dicMemo',
        value:'dicVal',
      },
      data: []
    })
    // 获取档案下拉框
    wssdSelect()
    function wssdSelect() {
      $.ajax({
        url:'' //接口
        ,success:function (res) {
          daSelect.update({
            data:res.data
          })
        }
      })

    <div>里面写数据库里的字典

    <div class="layui-inline" style="width: 1rem;">
        <select name="lx" lay-verify="">
          <option value="">请选择类别</option>
          ${dict.getOptions('字典名称','')}
        </select>
    </div>
    后端接口
    @RequestMapping("/wssdSelect")
    @ResponseBody
    public DataRes wssdSelect() {
        QueryWrapper<SDictionary> qw = new QueryWrapper<>();
        qw.eq("dic_name","wssdlx");
        List list = dictionaryService.list(qw);
        return DataRes.success(list);
    }
    更多相关内容
  • 下拉多选框下拉多选框,input下拉弹出复选框多选,多选下拉框
  • 项目开发遇到个问题,就是引入bootstrap下拉多选框进行多选的时候,用form表单提交到后台,获取不到多选的值,只能获取的选择的第一个值,怎么回事呢?下面小编给大家分析下bootstrap 下拉多选框进行多选传值问题,...
  • 主要介绍了解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 开始以为很简单,在option里加个input... 下拉多选框的使用过程中处理比较多的逻辑主要集中在数据源store的配置和select事件的处理。extjs本身的那种数据和UI分离的模式使得级联的实现非常轻松。只需在省份下拉框的sele
  • 下拉多选框2
  • Axure RP下拉多选框

    2018-04-04 10:09:03
    使用全局环境变量、动态面板、复选框,利于选中、取消选中来赋值。
  • jquery bootstrap 下拉多选框 demo 实现 yeah yeah yeah
  • 本文实例讲述了jQuery模拟html下拉多选框的原生实现方法。分享给大家供大家参考,具体如下: 用js, html, css 简单的实现一个HTML 下拉多选框,不试用其他框架的情况下,可以借鉴一下,如果用jqueryUI, BOOTSTRAP, ...
  • web前端插件+下拉多选复选框,可用于后台多选数据,前端也可以使用,插件可以二开也可以
  • js 下拉多选框

    2021-12-03 10:40:19
    引入:http://www.freejs.net/demo/demo.css 引入:http://www.freejs.net/demo/524/fSelect.js <select class="demo" multiple="multiple"> ...optgroup label="Languages">...option v...

    引入:http://www.freejs.net/demo/demo.css

    引入:http://www.freejs.net/demo/524/fSelect.js


    <select class="demo" multiple="multiple">  
        <optgroup label="Languages">  
            <option value="cp">C++</option>  
            <option value="cs">C#</option>  
            <option value="oc">Object C</option>  
            <option value="c">C</option>  
        </optgroup>  
        <optgroup label="Scripts">  
            <option value="js">JavaScript</option>  
            <option value="php">PHP</option>  
            <option value="asp">ASP</option>  
            <option value="jsp">JSP</option>  
        </optgroup>  

    <script>
    $(function() {
            $('.demo').fSelect();
        });
    </script>


    演示:http://www.freejs.net/demo/524/index.html

     

    展开全文
  • 用js, html, css 简单的实现一个HTML 下拉多选框,不试用其他框架的情况下,可以借鉴一下,如果用jqueryUI, BOOTSTRAP, 就没必要参考了。毕竟那些现成的东西更好用。body{font:normal14px/100%"AndaleMono",...

    用js, html, css 简单的实现一个HTML 下拉多选框,不试用其他框架的情况下,可以借鉴一下,如果用jqueryUI, BOOTSTRAP, 就没必要参考了。毕竟那些现成的东西更好用。

    body {

    font: normal 14px/100% "Andale Mono", AndaleMono, monospace;

    color: #fff;

    padding: 50px;

    width: 300px;

    margin: 0 auto;

    background-color: #374954;

    }

    .dropdown {

    position: absolute;

    top:50%;

    transform: translateY(-50%);

    }

    a {

    color: #fff;

    }

    .dropdown dd,

    .dropdown dt {

    margin: 0px;

    padding: 0px;

    }

    .dropdown ul {

    margin: -1px 0 0 0;

    }

    .dropdown dd {

    position: relative;

    }

    .dropdown a,

    .dropdown a:visited {

    color: #fff;

    text-decoration: none;

    outline: none;

    font-size: 12px;

    }

    .dropdown dt a {

    background-color: #4F6877;

    display: block;

    padding: 8px 20px 5px 10px;

    min-height: 25px;

    line-height: 24px;

    overflow: hidden;

    border: 0;

    width: 272px;

    }

    .dropdown dt a span,

    .multiSel span {

    cursor: pointer;

    display: inline-block;

    padding: 0 5px 2px 0;

    }

    .dropdown dd ul {

    background-color: #4F6877;

    border: 0;

    color: #fff;

    display: none;

    left: 0px;

    padding: 2px 15px 2px 5px;

    position: absolute;

    top: 2px;

    width: 240px;

    list-style: none;

    height: auto;

    overflow: auto;

    margin-top:30px;

    }

    .dropdown span.value {

    display: none;

    }

    .dropdown dd ul li a {

    padding: 5px;

    display: block;

    }

    .dropdown dd ul li a:hover {

    background-color: #fff;

    }

    button {

    background-color: #6BBE92;

    width: 302px;

    border: 0;

    padding: 10px 0;

    margin: 5px 0;

    text-align: center;

    color: #fff;

    font-weight: bold;

    }

    sss
    • Apple

    • Blackberry

    • HTC

    • Sony Ericson

    • Motorola

    • Nokia

    $(".dropdown dt .mydropdown").on('click', function() {

    $(".dropdown dd ul").slideToggle('fast');

    });

    $(".dropdown dd ul li a").on('click', function() {

    $(".dropdown dd ul").hide();

    });

    function getSelectedValue(id) {

    return $("#" + id).find("dt a span.value").html();

    }

    $(document).bind('click', function(e) {

    var $clicked = $(e.target);

    if (!$clicked.parents().hasClass("dropdown")) $(".dropdown dd ul").hide();

    });

    $('.mutliSelect input[type="checkbox"]').on('click', function() {

    var title = $(this).closest('.mutliSelect').find('input[type="checkbox"]').val(),

    title = $(this).val() + ",";

    if ($(this).is(':checked')) {

    var html = '' + title + '';

    $('.multiSel').append(html);

    } else {

    $('span[title="' + title + '"]').remove();

    }

    });

    展开全文
  • 下拉多选框

    2015-11-24 18:06:41
    简单实用的下拉多选框 实例 自己使用后整理的 欢迎下载 使用见到那好用 方便快捷键
  • 主要介绍了Bootstrap 下拉多选框插件Bootstrap Multiselect,引入文件及使用方法讲解,需要的朋友参考下吧
  • layui的下拉多选框实现

    千次阅读 2022-03-24 16:52:54
    此次使用的xm-select插件,一款始于layui,下拉选择的多选解决方案插件 快速上手使用: 首先下载xm-select.js文件,然后放到项目里 下载地址:https://toscode.gitee.com/maplemei/xm-select/tree/master/dist 2...

    此次使用的xm-select插件,一款始于layui,下拉选择框的多选解决方案插件

    快速上手使用:

    1.首先下载xm-select.js文件,然后放到项目里

    下载地址:https://toscode.gitee.com/maplemei/xm-select/tree/master/dist

    2.写一个<div id=""></div>

    html

     <div class="layui-form" >
       <div class="layui-form-item">
            <label class="layui-form-label">展示位置</label>
             <div class="layui-input-block">
               <div id="demo1" style="width: 300px"></div>
             </div>
       </div>
     </div>
    

    js

      layui.config({
        base: '../../layuiadmin/' //静态资源所在路径
      }).extend({
        index: 'lib/index', //主入口模块
        xmSelect: "xm-select" 
      }).use(['index', 'element','form','xmSelect'], function () {
        var $ = layui.$
          , element = layui.element
          ,form = layui.form;
        var router = layui.router();
        var xmSelect = layui.xmSelect
        ......
        //渲染数据
        var demo1 = xmSelect.render({
    		el: '#demo1', 
    		data: [
    			{name: '水果', value: 1,selected:false},
    			{name: '蔬菜', value: 2,selected:false},
    			{name: '桌子', value: 3,selected:false},
    			{name: '北京', value: 4,selected:false},
    		],
       })
      })
    

    常用的方法:
    // 获取选中值, demo1.getValue();
    // 设置选中值, demo1.setValue([{ name: '动态值', value: 999 }])
    效果图:
    在这里插入图片描述
    官网地址:https://maplemei.gitee.io/xm-select/#/basic/initValue

    展开全文
  • Axure RP9实现二级选择联动,利用全局变量、动态面板、赋值等原理,第一个选择单选,第二个选择多选
  • 原生select下拉多选框展示
  • 下拉多选框的实现

    千次阅读 2020-08-14 13:53:46
    这两天在写一个chrome插件,需要在popup页使用下拉多选框。用select看起来非常原始,多选还要按住ctrl键或者command键。 html代码如下: <html> <head> <title>用select实现下拉多选框</...
  • //下拉多选获取lable userNameSelect(value){ var name="" for(var i=0;i;i++){ this.membersOptions.find((item)=>{//这里的membersOptions就是上面遍历的数据源 if(item.value === value[i]){ name+=item.label+...
  • uni-app微信小程序——下拉多选框

    千次阅读 2022-08-10 14:33:24
    在uni-app组件中并没有下拉多选框,在组件市场中找到了这个组件,整理了一下,以此记录 需要注意的是要使用scss
  • 下拉多选框1.2

    2017-05-12 20:53:08
    本次更新实现了控制按钮的回调功能,以及值和文本获取的函数,对部分代码进行了优化
  • bootstrap下拉多选框

    2017-01-13 14:24:58
    Bootsrap好看的下拉多选列表,bootstrap-multiselect-master(借鉴)
  • NULL 博文链接:https://dengli19881102.iteye.com/blog/965751
  • jquery下拉多选框

    2016-05-26 17:01:51
    实现jquery下拉多选框

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 88,022
精华内容 35,208
关键字:

下拉多选框

友情链接: duncan-1.rar