使用按钮添加多个下拉菜单

时间:2016-06-27 03:55:51

标签: javascript jquery html

我有一个表单,我需要获取10个可选下拉列表的值,每个下拉列表的名称从0到9,以区分提交(dropdown1,dropdown2 ...),为什么可选?因为用户可以使用按钮添加它们,例如,用户可以单击按钮以添加下拉选项,它将获取名称作为下拉列表并将计数编号添加到名称中,直到我最多为10。我一直试图在没有任何运气的情况下完成这一点,任何人都可以指出我或告诉我如何做到这一点

1 个答案:

答案 0 :(得分:0)

创建变量并在创建新下拉列表时更新它的值。一旦变量值达到10,就停止创建下拉列表

$(document).ready(function() {
var _dropDownCount =1; //Create a variable
   /* btn click event */
    $('#addmore').click(function(){
        /* append selectbox where you want */
        //Check if variable value is less than 10 then
        // and only then create more dropdown
        if(_dropDownCount <=10){ 
        $("#target").append('<select name="dropdown1"><option value="">select</option></select>');
        _dropDownCount++; // Update variable value on creation of dropdown
        }
    });
});

JSFIDDLE