javascript - 如何在jquery中使用条件在其他文本框中显示结果

Question

我有这样的字段

如图所示，如果我在结果字段中输入小于 20，则nor/ab 值应自动更改为“低”，如果输入超过 110，则应显示高，否则正常。所以我只是用 jquery 尝试了一下，但没有成功...让我看看我的表单。

<div style=" width:900px; height:auto; float:left; text-align:center;">
<div style=" height:auto; width:140px; float:left">{title}</div>
<div style=" height:30px; width:140px; float:left"><input type="text" height="30px" width="140" name="rep_result_{txt}"  /></div>
<div style=" height:30px; width:140px; float:left">{unit}</div>
<div style=" height:30px; width:140px; float:left">{first_val}&nbsp;-&nbsp;{last_val}</div>
<div style=" height:30px; width:140px; float:left"><input type="text" height="30px" width="140" name="remark_{txt}" >

你可以看到我在两个部分first_val(意味着20)和last_val(意味着110)中输入了范围值，那么我如何使用jquery来完成它(记住范围值是动态的，所以我不能只应用条件20,110)...提前致谢

Answer 1

HTML

<input type='text' id='result' />
<input type='text' id='nor' data-min='20' data-max='110' />

JavaScript

$('#result').change(function() {
    var result = $(this).val(),
        nor = $('#nor'),
        min = nor.data('min'),
        max = nor.data('max');
    if(result < min) {
        nor.val('Low');
    } else if (result < max) {
        nor.val('Normal');
    } else {
        nor.val('High');
    }
});

JSFiddle:http://jsfiddle.net/BbPC7/

也许这会有所帮助。