Skip to content

Commit aa894cf

Browse files
t0mt0m
committed
add demo to gh-pages
1 parent 6df3ff5 commit aa894cf

File tree

9 files changed

+740
-0
lines changed

9 files changed

+740
-0
lines changed

‎demo/css/bootstrap.min.css‎

Lines changed: 9 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎demo/css/select2.css‎

Lines changed: 524 additions & 0 deletions
Large diffs are not rendered by default.

‎demo/css/select2.png‎

613 Bytes
Loading

‎demo/css/select2x2.png‎

845 Bytes
Loading

‎demo/css/spinner.gif‎

1.81 KB
Loading

‎demo/img/glyphicons-halflings.png‎

12.5 KB
Loading

‎demo/index.html‎

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<title></title>
5+
<script src="js/jquery-1.9.1.min.js"></script>
6+
<script src="js/select2.min.js"></script>
7+
<link rel="stylesheet" type="text/css" href="css/select2.css"/>
8+
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
9+
<link rel="stylesheet" type="text/css" href="../select2-bootstrap.css"/>
10+
</head>
11+
<body style="margin:20px;">
12+
<form class="form-horizontal">
13+
<div class="control-group">
14+
<label class="control-label">Default textbox</label>
15+
<div class="controls">
16+
<input type="text" style="width:400px;"/>
17+
</div>
18+
</div>
19+
20+
<div class="control-group">
21+
<label class="control-label">Select2 single select</label>
22+
<div class="controls">
23+
<select class="select2" style="width:400px;">
24+
<option></option>
25+
<option value="A">A</option>
26+
<option value="B">B</option>
27+
<option value="C">C</option>
28+
</select>
29+
</div>
30+
</div>
31+
32+
<div class="control-group">
33+
<label class="control-label">Select2 multi select</label>
34+
<div class="controls">
35+
<select class="select2" multiple="multiple" style="width:400px;">
36+
<option></option>
37+
<option value="A">A</option>
38+
<option value="B">B</option>
39+
<option value="C">C</option>
40+
</select>
41+
</div>
42+
</div>
43+
44+
<div class="control-group">
45+
<label class="control-label">Select2 append</label>
46+
<div class="controls">
47+
<div class="input-append">
48+
<select id="single-append" class="select2" style="width:400px;">
49+
<option></option>
50+
<option value="A">A</option>
51+
<option value="B">B</option>
52+
<option value="C">C</option>
53+
</select>
54+
<button class="btn" type="button" data-select2-open="single-append">
55+
<i class="icon-search"></i>
56+
</button>
57+
</div>
58+
</div>
59+
</div>
60+
61+
<div class="control-group">
62+
<label class="control-label">Select2 prepend</label>
63+
<div class="controls">
64+
<div class="input-prepend">
65+
<button class="btn" type="button" data-select2-open="single-prepend">
66+
<i class="icon-search"></i>
67+
</button>
68+
<select id="single-prepend" class="select2" style="width:400px;">
69+
<option></option>
70+
<option value="A">A</option>
71+
<option value="B">B</option>
72+
<option value="C">C</option>
73+
</select>
74+
</div>
75+
</div>
76+
</div>
77+
78+
<div class="control-group">
79+
<label class="control-label">Select2 multi append</label>
80+
<div class="controls">
81+
<div class="input-append">
82+
<select id="multi-append" class="select2" multiple="multiple" style="width:400px;">
83+
<option></option>
84+
<option value="A">A</option>
85+
<option value="B">B</option>
86+
<option value="C">C</option>
87+
</select>
88+
<button class="btn" type="button" data-select2-open="multi-append">
89+
<i class="icon-search"></i>
90+
</button>
91+
</div>
92+
</div>
93+
</div>
94+
95+
<div class="control-group">
96+
<label class="control-label">Select2 multi prepend</label>
97+
<div class="controls">
98+
<div class="input-prepend">
99+
<button class="btn" type="button" data-select2-open="multi-prepend">
100+
<i class="icon-search"></i>
101+
</button>
102+
<select id="multi-prepend" class="select2" multiple="multiple" style="width:400px;">
103+
<option></option>
104+
<option value="A">A</option>
105+
<option value="B">B</option>
106+
<option value="C">C</option>
107+
</select>
108+
</div>
109+
</div>
110+
</div>
111+
</form>
112+
113+
<script>
114+
$('.select2').select2();
115+
$('button[data-select2-open]').click(function(){
116+
$('#' + $(this).data('select2-open')).select2('open');
117+
});
118+
</script>
119+
</body>
120+
</html>

‎demo/js/jquery-1.9.1.min.js‎

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎demo/js/select2.min.js‎

Lines changed: 82 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)