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>