帶有 Keyup 功能的 JQuery 自動填充

Question

我想在單獨的輸入字段中輸入“最大”和“最小”值，然后讓另一組輸入字段自動填充其間的所有整數，並包括最小和最大#。 我以前從未使用過 JS，所以我不確定是否有這種方法，或者您是否需要遍歷數字？

$("#min1").keyup(function(){
    $("#speed1").val(this.value);
});


 $("#max1").keyup(function(){
    $("#speed5").val(this.value);
});

Answer 1

只需為兩者添加一個事件（使用input而不是keyup當我們想要跟蹤輸入字段更改時它更有效）然后調用result()函數，該函數將清除結果 div 然后生成輸入字段：

 function result(min,max){ $("#result").html(""); for(var i=min;i<=max;i++) $("#result").append('<input type="number" value="'+i+'"/>'); } $("body").on('input', '#min1,#max1', function(){ var min = $('#min1').val(); var max = $('#max1').val(); if( min!="" && max!="") if( min<max ) result(min, max); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="min1" type="number" placeholder="min" value="0"/> <input id="max1" type="number" placeholder="max" value="0"/> <div id="result"></div>