html - html链接显示下拉列表

Question

我需要一个链接，例如“添加”（不是按钮）。每次用户单击添加链接时，都会出现以下下拉列表。

    <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>

用户应该能够点击的“添加”链接的最大数量为 5 次。因此，如果例如用户点击“添加”链接 3 次，应该有 3 个下拉框。它必须在同一个html页面上。任何帮助将不胜感激！！。

Answer 1

使用 javasccrtipt/jquery 来操作控件。这是如何完成的原始示例：

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

演示：http: //jsfiddle.net/fhqAt/1/

Answer 2

 $(document).ready(function(){

         $("#add").click(function(e){
            var selectbox = $("select:first").clone();
            $("select:last").after(selectbox);

            if ($("select").length >= 5) 
                $(this).hide();
          });

  });