具有键控功能的 JQuery 自动填充

JQuery Autofill with Keyup function

本文关键字：JQuery 填充 功能      更新时间：2023-09-26

我想在单独的输入字段中输入"max"和"min"值，然后让另一组输入字段自动填充中间的所有整数，并包括最小值和最大值#。我以前从未使用过JS，所以我不确定是否有一种方法，或者是否需要遍历数字？

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

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

只需为两者添加一个事件（使用 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>

相关文章：