JQuery 使用 Keyup 功能自动填充
JQuery Autofill with Keyup function
我想在单独的输入字段中输入 "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>
我想在单独的输入字段中输入 "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>