colorSelect/index.html at master · xingkongs/colorSelect · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <title>colorSelect</title>
    <link rel="stylesheet" href="css/colorSelect.css">
    <link rel="stylesheet" href="css/amazeui.css">
</head>
<body>
<select data-colorSelect name="" id="" title="aa">
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
</select>

<select data-my-selected id="myselect">
    <option data-color="#f00" value="#f00">红色</option>
    <option data-color="#f8fe0a" value="#f8fe0a" selected>黄色</option>
    <option data-color="#f60" value="#f60">橙色</option>
    <option data-color="#0efa00" value="#0efa00">绿色</option>
    <option data-color="#000" value="#000" disabled>禁用黑色</option>
</select>
<select data-my-selected id="myselect22">
    <option data-color="#f00" value="#f00">红色</option>
    <option data-color="#f8fe0a" value="#f8fe0a" selected>黄色</option>
    <option data-color="#f60" value="#f60">橙色</option>
    <option data-color="#0efa00" value="#0efa00">绿色</option>
    <option data-color="#000" value="#000" disabled>禁用黑色</option>
</select>

<!--<div class="am-selected mySelect" id="am-selected-jam18" data-am-dropdown="">-->
    <!--<button type="button" class="am-selected-btn am-btn am-dropdown-toggle am-btn-default">-->
        <!--<span class="button_color" style="background: #f8fe0a;"></span>-->
        <!--<span class="am-selected-status am-fl">Banana</span>-->
        <!--<img src="images/down.png" class="am-selected-icon am-icon-caret-down">-->
    <!--</button>-->
    <!--<div class="am-selected-content select_content" style="display: none;"><h2 class="am-selected-header"><span-->
            <!--class="am-icon-chevron-left">返回</span></h2>-->
        <!--<ul class="am-selected-list">-->
            <!--<li class="" data-index="0" data-group="0" data-value="a">-->
                <!--<span class="color" style="background: #f00;"></span>-->
                <!--<span class="am-selected-text">Apple</span>-->
            <!--</li>-->
            <!--<li class="selected" data-index="1" data-group="0" data-value="b">-->
                <!--<span class="color" style="background: #f8fe0a;"></span>-->
                <!--<span class="am-selected-text">Banana</span>-->
            <!--</li>-->
            <!--<li class="" data-index="2" data-group="0" data-value="o">-->
                <!--<span class="color" style="background: #f60;"></span>-->
                <!--<span class="am-selected-text">Orange</span>-->
            <!--</li>-->
            <!--<li class="" data-index="3" data-group="0" data-value="m">-->
                <!--<span class="color" style="background: #0efa00;"></span>-->
                <!--<span class="am-selected-text">Mango</span>-->
            <!--</li>-->
            <!--<li class="am-disabled" data-index="4" data-group="0" data-value="d">-->
                <!--<span class="color" style="background: #000;"></span>-->
                <!--<span class="am-selected-text">禁用鸟</span>-->
            <!--</li>-->
        <!--</ul>-->
        <!--<div class="am-selected-hint"></div>-->
    <!--</div>-->
<!--</div>-->
<script type="text/javascript" src="//cdn-fs.d1ev.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script src="js/colorSelect.js"></script>
</body>
</html>