使用按钮删除克隆输入文本

时间:2011-05-17 09:40:10

标签: jquery cloning

我有这个脚本:

$(document).ready(function() {

var i = 1;

    $('#addJabatan').click(function() {
        $('.hapusJabatan:disabled').removeAttr('disabled');
        var c = $('#comboJabatan:first').clone(true);
        c.children(':text').attr('class','jabatan'+ (++i) );
        $('#comboJabatan:last').after(c);
    });

 $('#hapusJabatan').click(function() {
        if (confirm('continue delete')) {
            --i;
            $(this).closest('#comboJabatan').remove();
            $('.hapusJabatan').attr('disabled',($('#comboJabatan').length  < 2));
        }
    });

});

这是我的HTML代码:

<form id="myForm">
<span id="comboJabatan" class="clonedInput">
                            <input type="button" class="hapusJabatan" value="delete" id="hapusJabatan" disabled>
    <input name="jabatan[]" type="text" data-bvalidator="required"  id="jabatan" class="jabatan1" /><br/>
                            </span>

<span>
                                <a href="#" id="addJabatan">Tambah Jabatan</a>
                            </span>

我对.length()方法感到困惑 谁都可以帮帮我..?

之前谢谢

了解更多详情enter link description here

1 个答案:

答案 0 :(得分:2)

尝试替换此行

$('.hapusJabatan').attr('disabled',($('.comboJabatan').length  < 2));

if ($('.comboJabatan').length == 1)
     $('.hapusJabatan').attr('disabled', 'disabled');
else 
     $('.hapusJabatan').removeAttr('disabled');

您还尝试使用您无法识别的ID来选择多个元素。我在span中添加了一个'comboJabatan'类,并将其用于select。

Working example