美文网首页
做一个多选的select下拉框

做一个多选的select下拉框

作者: 一名有马甲线的程序媛 | 来源:发表于2018-03-12 10:02 被阅读46次

新功能的要求做一个select多选下拉框，如图所示~


例图

html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="fSelect.css">
    <script src="jquery-2.1.4.min.js"></script>
</head>
<body>
    <select class="demo" multiple="multiple">  
        <optgroup label="组长">  
            <option value="cp">刘某某</option>  
            <option value="cs">张某某</option>  
            <option value="oc">杨某某</option>  
        </optgroup>  
        <optgroup label="成员">  
            <option value="js">何某某</option>  
            <option value="php">朱某某</option>  
            <option value="asp">李某某</option>  
            <option value="jsp">郭某某</option>  
        </optgroup>  
    </select> 
</body>
</html>
<script src="fSelect.js"></script>
<script>
    $(function() {
        $('.demo').fSelect();
    });
</script>

可以分组，模糊搜索，调用该插件非常方便~
点击下载demo

相关文章

  • select和alert

    一、select下拉框 1、下拉框 2、多选项 二、alert弹窗 1、accept() 2、dismiss() ...

  • 做一个多选的select下拉框

    新功能的要求做一个select多选下拉框，如图所示~ html: 可以分组，模糊搜索，调用该插件非常方便~点击下载...

  • Rials Tip: select多选后,后台如何接收参数数组

    在rails中,当下拉框select 可以多选时,如果需要在后台接收到数组参数,需要进行如下设置.1,html中 ...

  • selenium之定位下拉框（Select）

    1. 定位