diff options
| author | Felix Nagel <info@felixnagel.com> | 2011-09-24 01:59:16 +0200 |
|---|---|---|
| committer | Felix Nagel <info@felixnagel.com> | 2011-09-24 01:59:16 +0200 |
| commit | bb4291457cc311ef25382c82f26d01b9a1a1f561 (patch) | |
| tree | 701b5cc76a4f307ca49ea7f1e4919733b861645f /demos/selectmenu | |
| parent | 85a34ebedb00627ad82ec46830616524f90bc352 (diff) | |
| download | jquery-ui-bb4291457cc311ef25382c82f26d01b9a1a1f561.tar.gz jquery-ui-bb4291457cc311ef25382c82f26d01b9a1a1f561.zip | |
Selectmenu: improved popop style, styles and focus handling
Diffstat (limited to 'demos/selectmenu')
| -rw-r--r-- | demos/selectmenu/default.html | 30 |
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"> |