aboutsummaryrefslogtreecommitdiffstats
path: root/demos/selectmenu/default.html
diff options
context:
space:
mode:
authorFelix Nagel <info@felixnagel.com>2011-09-24 01:59:16 +0200
committerFelix Nagel <info@felixnagel.com>2011-09-24 01:59:16 +0200
commitbb4291457cc311ef25382c82f26d01b9a1a1f561 (patch)
tree701b5cc76a4f307ca49ea7f1e4919733b861645f /demos/selectmenu/default.html
parent85a34ebedb00627ad82ec46830616524f90bc352 (diff)
downloadjquery-ui-bb4291457cc311ef25382c82f26d01b9a1a1f561.tar.gz
jquery-ui-bb4291457cc311ef25382c82f26d01b9a1a1f561.zip
Selectmenu: improved popop style, styles and focus handling
Diffstat (limited to 'demos/selectmenu/default.html')
-rw-r--r--demos/selectmenu/default.html30
1 files changed, 30 insertions, 0 deletions
diff --git a/demos/selectmenu/default.html b/demos/selectmenu/default.html
index dd188cfe1..f7325dd41 100644
--- a/demos/selectmenu/default.html
+++ b/demos/selectmenu/default.html
@@ -17,6 +17,10 @@
$('select#speedA').selectmenu({
dropdown: false
});
+ $('select#speedB').selectmenu({
+ dropdown: false,
+ wrapperElement: '<div class="overflow"/>',
+ });
$('select#filesC').selectmenu();
});
</script>
@@ -24,6 +28,7 @@
form { margin: 200px 0 0 0; }
fieldset { border: 0; }
select { width: 200px; }
+ .overflow ul { height: 200px; overflow: auto; }
</style>
</head>
<body>
@@ -43,6 +48,31 @@
<br />
<br />
<br />
+ <label for="speedB">Select a Speed:</label>
+ <select name="speedB" id="speedB">
+ <option value="1">1</option>
+ <option value="2" selected="selected">2</option>
+ <option value="3">3</option>
+ <option value="4">4</option>
+ <option value="5">5</option>
+ <option value="6">6</option>
+ <option value="7">7</option>
+ <option value="8">8</option>
+ <option value="9">9</option>
+ <option value="10">10</option>
+ <option value="11">11</option>
+ <option value="12">12</option>
+ <option value="13">13</option>
+ <option value="14">14</option>
+ <option value="15">15</option>
+ <option value="16">16</option>
+ <option value="17">17</option>
+ <option value="18">18</option>
+ <option value="19">19</option>
+ </select>
+ <br />
+ <br />
+ <br />
<label for="filesC">Select a file:</label>
<select name="filesC" id="filesC">
<optgroup label="scripts">