文档章节

ligerui下拉框多选源码

一点也不月半君
 一点也不月半君
发布于 2017/07/08 10:01
字数 262
阅读 51
收藏 1

 <title>多选下拉框</title>    
    <meta name="keywords" content="免费控件,免费UI控件,免费开源UI,免费开源UI控件,免费开源UI框架,下拉框,下拉框控件,多选下拉框,combobox,自动完成">

    <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css">

    <style type="text/css">

    </style>

    <script src="../../lib/jquery/jquery-1.9.0.min.js" type="text/javascript"></script>

    <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>

    <script src="../../lib/ligerUI/js/plugins/ligerCheckBox.js" type="text/javascript"></script>

    <script src="../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>

    <script src="../../lib/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function ()

        {

 

            $("#test1").ligerComboBox({ isShowCheckBox: true, isMultiSelect: true,

                data: [

                    { text: '张三', id: '1' },

                    { text: '李四', id: '2' },

                    { text: '赵武', id: '44' }

                ], valueFieldID: 'test3'

            });

        });

        function clickee()

        {

            alert($("#test3").val());

        }

    </script>


 

      <div class="l-text-wrapper"><div class="l-text l-text-combobox"><input ligeruiid="test1" class="l-text-field" data-comboboxid="test1" readonly="" id="test1" type="text"><div class="l-text-l"></div><div class="l-text-r"></div><div class="l-trigger"><div class="l-trigger-icon"></div></div><div style="display: none;" class="l-trigger l-trigger-cancel"><div class="l-trigger-icon"></div></div></div><input value="" data-ligerid="test1" id="test3" name="test3" type="hidden"></div>

      <br>

          

<a href="javascript:clickee()" class="l-button" style="width:100px">获取</a>

<br><br><br><br>

 <div style="display:none;">

 

</div>

本文转载自:

一点也不月半君
粉丝 149
博文 23
码字总数 3108
作品 0
郑州
程序员
私信 提问
Liger UI v1.1.0 发布,基于jQuery的UI框架

API: http://api.ligerui.com/ 演示地址:http://demo.ligerui.com/ 源码下载:http://ligerui.googlecode.com/ 技术支持:http://www.cnblogs.com/leoxie2011/ V1.1.0更新记录: 表格 [需求]......

leeoo
2011/11/23
3.3K
8
前端框架 JQuery LigerUI V1.2.3 更新记录

LigerUI是基于jQuery开发的一系列控件组,包括表单、布局、表格等等常用UI控件 使用LigerUI可以快速创建风格统一的界面效果 V1.2.3更新记录 核心 [需求]增加一套皮肤 表格 [优化]编辑时显示的...

夫复何求
2014/03/18
5K
12
前端框架 JQuery LigerUI V1.2.4 更新

V1.2.4更新记录 核心 [需求]所有组件统一增加cls属性 Dialog [优化]解决界面样式在浏览器表现不一致的问题 [需求]增加对自适应宽度的支持 下拉框 [优化]解决select类型数据清空的问题,默认不...

笨蛋EGG
2014/05/06
4.3K
6
jquery1.5.2提示jQuery未定义

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName......

wuherong
2012/03/14
3.1K
2
打算做个系统,主要是用浏览器加载, 操作服务器上的数据, ui用ligerUi, 不知道我卖这样的软件需要向ligerUI交钱不.

可能不需要全部的插件, 只需要部分内容. 我从ligerUI里提取出部分插件, 并重新压缩成一个js文件包, 并且修改了一下皮肤css文件, 不知道使用ligerUI制作的系统,对外销售需要不需要获取ligerUI...

泡不烂的凉粉
2014/01/06
962
1

没有更多内容

加载失败,请刷新页面

加载更多

最简单的获取相机拍照的图片

  import android.content.Intent;import android.graphics.Bitmap;import android.os.Bundle;import android.os.Environment;import android.provider.MediaStore;import andr......

MrLins
56分钟前
4
0
说好不哭!数据可视化深度干货,前端开发下一个涨薪点在这里~

随着互联网在各行各业的影响不断深入,数据规模越来越大,各企业也越来越重视数据的价值。作为一家专业的数据智能公司,个推从消息推送服务起家,经过多年的持续耕耘,积累沉淀了海量数据,在...

个推
57分钟前
8
0
第三方支付-返回与回调注意事项

不管是支付宝,微信,还是其它第三方支付,第四方支付,支付机构服务商只要涉及到钱的交易都要进行如下校验,全部成功了才视为成功订单 1.http请求是否成功 2.校验商户号 3.校验订单号及状态...

Shingfi
今天
4
0
简述Java内存分配和回收策略以及Minor GC 和 Major GC(Full GC)

内存分配: 1. 栈区:栈可分为Java虚拟机和本地方法栈 2. 堆区:堆被所有线程共享,在虚拟机启动时创建,是唯一的目的是存放对象实例,是gc的主要区域。通常可分为两个区块年轻代和年老代。更...

DustinChan
今天
6
0
Excel插入批注:可在批注插入文字、形状、图片

1.批注一直显示:审阅选项卡-------->勾选显示批注选项: 2.插入批注快捷键:Shift+F2 组合键 3.在批注中插入图片:鼠标右键点击批注框的小圆点【重点不可以在批注文本框内点击】----->调出批...

东方墨天
今天
6
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部