带有Keyup函数的JQuery Autofill

时间:2016-04-27 22:26:42

标签: javascript jquery keyup

我想在单独的输入字段中输入“max”和“min”值,然后让另一组输入字段自动填充,中间包含所有整数,并包含min和max#'。我之前从未使用过JS,所以我不确定是否有这种方法,或者你是否需要遍历这些数字?

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


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

1 个答案:

答案 0 :(得分:1)

只为两者添加一个事件(当我们想要跟踪输入字段更改时,使用input代替keyup它更有效)然后调用result()函数clear 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);
});
&#13;
<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>
&#13;
&#13;
&#13;