Question

如何使用<input type='number'>追加或删除div？例如：

<input type="number" value="1" min="1" max="10" id='number' name='numberInput'>

$("#number").on('change', function () {
    if (this.value > Previous number) {
        //append 'div'
    } else {
        //remove 'Previous div'
    }
});

Answer 1

你可以这样做：

var previousNumber=$("#number").val();

$("#number").on('change', function () {
    if (Number($(this).val()) > previousNumber) {
       $("#container").append("<div></div>");
    } else {
        $("#container").find("div").last().remove();
    }
    previousNumber = $(this).val();
});

小提琴演示：http://jsfiddle.net/29u92wos/2/

Answer 2

当文档完全加载时，只需添加一个名为num的JavaScript变量，并将当前值添加到其中。在更改时，将其与之前声明的num进行比较，然后使用新值更新num变量。

$(document).ready(function(){
    var num = $('#number').val();
    $("#number").on('change', function () {
        if ( $(this).val() > num ) {
            //append 'div'
        } else {
            //remove 'Previous div'
        }
        num = $(this).val();
    });
});

使用<input type =“number”/>追加或删除div

2 个答案: