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

使用javascript / 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();
          });

  });

html链接显示下拉列表

2 个答案: