ligerui下拉框多选源码

 <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>

转载于:https://my.oschina.net/u/3377023/blog/1212664