Question

I need a link eg “Add” (Not button). And every single time the user click on the add link, this following drop down list will appear.

    <select name="dropdown">
        <option value="a">Apple</option>
        <option value="b">Bee</option>
        <option value="c">Cat</option>
        <option value="d">Donkey</option>
        <option value="e">Elephant</option>
    </select>

The maximum amount of the “Add” link the user should be able to click is 5 times. So if example the user click on the “Add” link 3 times, there should be 3 drop down box.
It has to be on the same html page. Any help would be greatly appreciated!!.

Answer 1

Use javascrtipt/jquery for manipulating with controls.
Here is raw sample how it can be done:

$(function() {
    $('#add').click(function() {
        $(this).before($('select:eq(0)').clone());
      if ($('select').length > 5) $(this).hide();        
    });
});​

demo: http://jsfiddle.net/fhqAt/1/