JQuery:当其他输入字段的值随一系列数字改变时更改值

时间:2014-03-12 20:10:58

标签: javascript jquery mobile

我想知道是否有人可以帮助我在Jquery(移动)中开发它:

我想制作两个文本字段,在第一个字段中你必须输入一个数字,在另一个中我想看到一个结果。我的意思是这样的:

示例1:

textfield 1: 220 till 285 < input

textfield 2: 1 < result

示例2:

textfield 1: 286 till 350 < input


textfield 2: 2 < result

示例3:

textfield 1: 351 till 415 < input

textfield 2: 3 < result

这必须自动发生,而不是按下按钮等like this method

更新! 我的意思是更像这样的范围:输入:例如数字范围220到285将导致1. 286到350 in 2. 351到415 in 3.所以例如351 - 415之间的所有数字必须具有3作为输出

2 个答案:

答案 0 :(得分:1)

这是你想要的fiddle

$(document).ready(function(){
$("#txt1").keyup(function(){
    $("#txt2").val($("#txt1").val()/50);
});
});

<input type="text" id="txt1" />
<input type="text" id="txt2" />

答案 1 :(得分:1)

只需使用jquery提供的keyUp事件:

HTML

<input type="text" id="input" />
<input type="text" id="output" />

JS

$('#input').keyup(function() {
    $('#output').val($('#input').val().substring(0,1));
});

http://jsfiddle.net/uGLpt/

修改

您可以使用简单的if条件检查输入:

$('#input').keyup(function () {
    var value = $('#input').val();

    if(value >= 220 && value <= 285)
        $('#output').val(1);
    else if(value >= 286 && value <= 350)
        $('#output').val(2);
    else if(value >= 351 && value <= 415)
        $('#output').val(3);
    else
        $('#output').val("");
});

http://jsfiddle.net/uGLpt/4/