This repository has been archived by the owner on Jan 4, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 93
/
index.html
71 lines (53 loc) · 1.86 KB
/
index.html
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
68
69
70
<!DOCTYPE html>
<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://rawgit.com/FezVrasta/bootstrap-material-design/master/dist/css/material-wfont.min.css" rel="stylesheet">
<link href="https://rawgit.com/FezVrasta/bootstrap-material-design/master/dist/css/ripples.min.css" rel="stylesheet">
<link href="jquery.dropdown.css" rel="stylesheet">
</head>
<body>
<button>Click</button>
<br>
<br>
<br>
<br>
<select multiple class="select form-control floating-label" placeholder="This is a placeholder" data-dynamic-opts=true>
<option></option>
</select>
<br><br><br>
<br><br><br>
<br><br><br>
<select class="select" placeholder="This is a placeholder">
<option></option>
<option>Foobar</option>
<option value="hi..." selected>Is great</option>
</select>
<br><br><br>
<select id="multi" multiple>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://rawgit.com/FezVrasta/bootstrap-material-design/master/dist/js/material.min.js"></script>
<script src="https://rawgit.com/FezVrasta/bootstrap-material-design/master/dist/js/ripples.min.js"></script>
<script src="jquery.dropdown.js"></script>
<script>
$.material.init();
$(document).ready(function() {
$(".select").dropdown({"optionClass": "withripple"});
});
$().dropdown({autoinit: "select"});
$("button").click(function() {
$("body").append("<select class=select><option>hey</option><option>hey</option></select>");
});
</script>
<style>
body {
width: 200px;
margin: 100px;
}
</style>
</body>
</html>