javascript - 动态输入字段不起作用

Question

美好的一天，我的脚本有问题。我想建立一个充满活力的领域。请先检查我的脚本

     $(document).ready(function() {
        var max_fields      = 10;
        var wrapperss         = $(".wrappers");
        var add_button      = $(".btn");
        var x = 1;
        $(add_button).click(function(e){
            e.preventDefault();
            if(x < max_fields){
                x++; 
                $(wrapperss).append('<div><input type="text" name="nama[]"/><a href="#" class="hapus">Hapus</a></div>'); 
            }
        });
        
        $(wrapperss).on("click",".hapus", function(e){
            e.preventDefault(); $(this).parent('div').remove(); x--;
        })
    });


     

<button class="btn">Tambah baris</button>
       <?php echo form_open('inputbanyak/save'); ?>
       <div class="wrappers">
        <div><input type="text" name="nama[]"></div>
    
    </div>   
     <input type='submit' class='button'>
       <?php echo form_close(); ?>

顺便说一句，我正在使用 Bootstrap 。当我按 Tambah baris 时，没有任何变化。

Answer 1

多类选择器错误，请删除空格并添加.:

var add_button = $(".btn.tmbh");//$(".btn tmbh");

此外，您只能使用 1 个 css 类(btn 或 tmbh)来定位按钮以执行操作，不需要两者都使用。

还有一个拼写错误:

var wrapperss = $(".wrappers");//$(".wrapperss");