Select Menu Spinner Thing

[amandaNHT]

I have a select menu that look like this:

<select name="zoom">
<option value='1'>1</option>
<option value='2'>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' selected>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>
<option value='20'>20</option>
<option value='21'>21</option>
<option value='22'>22</option>
<option value='23'>23</option>
</select>

And I need to make it display with a "spinner" so that it has little up/down arrows (as if the height of the select menu was 2, but without showing 2 numbers at a time)...

At the same time, however, I need them to not be able to go above 23 or below 1...

Any suggestions?

Thanks!

[JMRKER]

I don't understand the "spinner" request. Do you have a picture or an example of what it is that you are talking about?