带键控功能的JQuery自动填充

我想在单独的输入字段中输入“最大”和“最小”值，然后有另一组输入字段自动填充所有中间的整数，并包含最小和最大＃的。我从来没有使用JS之前，所以我不知道是否有一种方法，或者如果你需要循环的数字？带键控功能的JQuery自动填充

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


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

来源

2016-04-27 mk8efz

只需添加一个事件的boths（使用input而不是keyup它更effecient当我们要跟踪输入场变化），然后调用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>

来源

2016-04-27 22:43:59

带键控功能的JQuery自动填充

回答

相关问题