zoukankan      html  css  js  c++  java
  • Easyui-Combobox多选下拉框

      因为工作需要,引入combobox多选下拉框,并且获取选择的值并以","分开。

      效果如下:

      

      代码如下:

     1 <html>
     2     <head>
     3         <title>
     4             easyui-combobox多选
     5         </title>
     6         <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
     7         <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js">
     8         </script>
     9         <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js">
    10         </script>
    11     </head>
    12     <body>
    13         <select id="combobox" data-options="multiple:true,panelHeight:'auto'"
    14         class="esayui-combobox" style="200px;">
    15             <option value="AL">
    16                 Alabama
    17             </option>
    18             <option value="AK">
    19                 Alaska
    20             </option>
    21             <option value="AZ">
    22                 Arizona
    23             </option>
    24             <option value="AR">
    25                 Arkansas
    26             </option>
    27             <option value="CA">
    28                 California
    29             </option>
    30             <option value="CO">
    31                 Colorado
    32             </option>
    33         </select>
    34     </body>
    35     <script type="text/javascript">
    36         $('#combobox').combobox({
    37             onChange: function() {
    38                 var value = $('#combobox').combobox('getValues');
    39                 console.log(value);
    40                 console.log(value.join(','));
    41                 alert(value);
    42             }
    43         });
    44     </script>
    45 
    46 </html>
  • 相关阅读:
    ubuntu 16.04 安装显卡驱动,再安装cuda
    8. golang 基本类型转换
    7.golang的字符串 string
    5. 变量定义
    4. 代码规范
    3.golang 的注释
    1.windows server 201x
    exec 命令
    powershell
    1.Dockerfile
  • 原文地址:https://www.cnblogs.com/Idus/p/5269417.html
Copyright © 2011-2022 走看看