0

特定の入力フィールドの値に基づいて、画像 'x' 回を div に追加しようとしています。数が増減するにつれて、画像を表示/非表示にする必要があります。私はこれについてはかなり外れていると思いますが、ここに私がいるところです：

for(i=0; i<cans; i++) {
    $('.cans').append('<img src="can.png" />');
}

ここで、「.cans」は明らかに div コンテナーであり、「cans」は入力フィールドの値に設定された var です。ありとあらゆる助けが常に大歓迎です！

4

3 に答える 3

2

特に入力が選択の場合、このようなものが機能するはずです。実際にテキスト入力の場合は、keydownイベント リスナーも必要です。

$('input_field_id').change(function(){
    $('.cans').html('');
    var cans = parseInt($(this).val());
    for(i=0; i<cans; i++) {
        $('.cans').append('<img src="can.png" />');
    }
})
于 2013-07-11T20:36:41.257 に答える
1 
$('input').on('change keydown',function(){ //add a change listener
    var count = parseInt($(this).val()); //store the value in a variable as a number
    if (!isNaN(count)){ //check if the value is actually a numer
        $('.cans').html(''); //clear previous images from the element
        for (var i=0; i<count; i++) $('.cans').append('<img src="can.png" />');
    }
})
于 2013-07-11T20:36:55.977 に答える