I need to dynamically create new drop down and text boxes.

I’m selling photos online, so there could be 8-10 size options for each item. For neatness, I’d like the page to start with just the photo and a single drop-down and text box next to it. Something like this:

[CODE]

Size:
<select name=”select” class=”product-attr-size”>
<option price=”$1.00″>wallet</option>
<option price=”$2.00″>3×5</option>
<option price=”$3.00″>4×6</option>
<option price=”$4.00″>5×7</option>
<option price=”$5.00″>8×10</option>
<option price=”$6.00″>11×14</option>
</select>
Quantity:
<input name=”quantity” type=”text” value=”0″ size=”5″ maxlength=”3″ />

[/CODE]

Now if the user adds a quantity to the text box (greater than zero) will it display a new drop-down and text box. Follow the same check for each new box, and ideally only show the choices that are leftover from previous selections (no duplicate sizes down the list, or if they choose all sizes the last one wouldn’t make a new drop-down).

I’ve searched for something like this but I’ve been unable to find anything. Maybe I’m just using the wrong terminology. Any guidance would be greatly appreciated. Thanks.

Also in #JavaScript _↴