diff options
| author | Douglas Deodato <douglasdeodato@gmail.com> | 2016-08-23 16:41:26 +0100 |
|---|---|---|
| committer | Douglas Deodato <douglasdeodato@gmail.com> | 2016-08-23 16:41:26 +0100 |
| commit | 1e42f2ea56507151b083ee4b1bd74c5d41b82843 (patch) | |
| tree | 495e15ad58849f1485997dd0329e008a711b37b5 | |
| parent | cf6d6c6056f7ebf1ee33133ecaa94b9d61432bac (diff) | |
| download | multi-select-1e42f2ea56507151b083ee4b1bd74c5d41b82843.zip multi-select-1e42f2ea56507151b083ee4b1bd74c5d41b82843.tar.gz multi-select-1e42f2ea56507151b083ee4b1bd74c5d41b82843.tar.bz2 | |
added first sample pre selected options
| -rw-r--r-- | samples/Pre-selected-options.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/samples/Pre-selected-options.html b/samples/Pre-selected-options.html new file mode 100644 index 0000000..c39b7f9 --- /dev/null +++ b/samples/Pre-selected-options.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html lang=""> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content=""> + <meta name="author" content=""> + <title>Title Page</title> + <!-- Bootstrap CSS --> + <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> + <link rel="stylesheet" type="text/css" href="../css/multi-select.css"> +</head> +<body> + <!-- start --> + <h1>Pre-selected-options</h1> + <select id='pre-selected-options' multiple='multiple'> + <option value='elem_1' selected>elem 1</option> + <option value='elem_2'>elem 2</option> + <option value='elem_3'>elem 3</option> + <option value='elem_4' selected>elem 4</option> + ... + <option value='elem_100'>elem 100</option> + </select> + <!-- ends --> + <!-- jQuery --> + <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> + <!-- Bootstrap JavaScript --> + <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script> + <script src="../js/jquery.multi-select.js"></script> + <script type="text/javascript"> + // run pre selected options + $('#pre-selected-options').multiSelect(); + </script> +</body> + +</html> |