Question

我对javascript非常糟糕，并且对此并不了解。我需要添加文本框（其中3-4个用于不同类型的输入）和一些选择框到我目前正在处理的表单，所以我转向谷歌寻求帮助。这是我发现的，

HTML

<div class="input_fields_wrap">
    <button class="add_field_button">Add More Fields</button>
    <div><input type="text" name="mytext[0]"></div>
</div>

的Javascript

$(document).ready(function() {

    var max_fields      = 5; //maximum input boxes allowed
    var wrapper         = $(".input_fields_wrap"); //Fields wrapper
    var add_button      = $(".add_field_button"); //Add button ID

    var x = 0; //initlal text box count
    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();
        if(x < max_fields){ //max input box allowed
            x++;
            $(wrapper).append('<div><input type="text" name="mytext['+ x +']"/><a href="#" class="remove_field">Remove</a></div>');
        }
    });

    $(wrapper).on("click",".remove_field", function(e){
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })

});

以及JSFiddle

上的工作示例

我还需要一些动态字段，这些字段可能需要一个文本框或一个具有不同属性和名称的选择框。

我的表单上有一个字段属性，设备，操作系统，并希望动态包含所有文本框。

编辑： - 有人刚回答，它打我，也许我没有清楚解释所以让我构建一个场景，我有三个文本框，name = attribute，name = device，name =操作系统的形式，我希望添加2个属性框，3个设备框和5个操作系统框。如何操作上面的脚本以获得2个属性框，3个用于设备，5个用于操作系统

我该怎么做呢。

Answer 1

您想要生成复选框还是文本框？你需要在什么基础上生成这些？像点击按钮或什么？

以相同的形式为不同字段添加动态输入框

1 个答案: