0

画像アップロード フィールドを持つフォームを作成していますが、最初のフィールドのみが表示され、[別の追加] ボタンをクリックすると追加のフィールドが表示されます。

私がやりたいことは、これらのフィールドの数を 3 に制限することです。以下に現在の内容を示しますが、問題は、現在のコードではフィールドの削除が考慮されていないことです。したがって、2 つのフィールドを追加すると、当然のようにエラーが発生しますが、1 つを削除して再度追加しようとすると、できません。

私はjQueryのことで少し迷っているので、助けていただければ幸いです。

var limit = 3;
$('.add_image').click(function(e){
if($('#back').length < limit) {
                            e.preventDefault();
                            var newElem =  $('<tr class="images-cont"><td><input type="file" name="front" id="front" size="50" /></td><td class="action"><a  title="Delete image" href="#" class="delete" style="background-image:url(\'<?php echo get_admin_url(); ?>/images/no.png\');"><?php _e("Delete"); ?></a></td></tr>');
                            newElem.appendTo('#images-sort');
count++;
} else {
    alert('You cannot add more than 3 images.')   
}
                        })
4

2 に答える 2

1

削除ボタンがある場合は、count 変数をデクリメントするイベント ハンドラーを追加します。

于 2013-01-12T09:53:25.580 に答える
0 
$('.delete').click(function(){
   $('.images-cont:last').html('<td>A message here</td>');
   count--;
});
于 2013-01-12T10:21:37.590 に答える