1+ <!DOCTYPE html>
2+ <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
3+ <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
4+ <!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
5+ <!--[if gt IE 8]><!--> < html class ="no-js "> <!--<![endif]-->
6+ < head >
7+ < meta charset ="utf-8 ">
8+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge,chrome=1 ">
9+ < title > Selectize.js Demo</ title >
10+ < meta name ="description " content ="">
11+ < meta name ="viewport " content ="width=device-width,initial-scale=1,maximum-scale=1 ">
12+ < link rel ="stylesheet " href ="css/normalize.css ">
13+ < link rel ="stylesheet " href ="css/stylesheet.css ">
14+ <!--[if IE 8]><script src="js/es5.js"></script><![endif]-->
15+ < script src ="js/jquery.js "> </ script >
16+ < script src ="../dist/js/standalone/selectize.js "> </ script >
17+ < script src ="js/index.js "> </ script >
18+ </ head >
19+ < body >
20+ < div id ="wrapper ">
21+ < h1 > Selectize.js</ h1 >
22+
23+ < div class ="demo ">
24+ < h2 > Required Element</ h2 >
25+ < div class ="control-group ">
26+ < form >
27+ < label for ="select-beast "> Beast:</ label >
28+ < select id ="select-beast " required class ="demo-default " placeholder ="Select a person... ">
29+ < option value =""> Select a person...</ option >
30+ < option value ="4 "> Thomas Edison</ option >
31+ < option value ="1 "> Nikola</ option >
32+ < option value ="3 "> Nikola Tesla</ option >
33+ < option value ="5 "> Arnold Schwarzenegger</ option >
34+ </ select >
35+ < div style ="margin-top:20px ">
36+ < button type ="submit "> Submit</ button >
37+ </ div >
38+ </ form >
39+ </ div >
40+ < script >
41+ $ ( '#select-beast' ) . selectize ( {
42+ create : true ,
43+ sortField : {
44+ field : 'text' ,
45+ direction : 'asc'
46+ }
47+ } ) ;
48+ </ script >
49+ </ div >
50+
51+ </ div >
52+ </ body >
53+ </ html >
0 commit comments