帶鍵控功能的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自動填充

回答

相關問題