Javascript 如何在jquery中的其他带条件文本框中显示结果

我有这样的场地

如图所示，如果我在结果字段中输入小于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}" >

{title}
{unit}
{first_val}-{last_val}

您可以看到我在两个部分中输入了范围值first_val（意思是20）和last_val（意思是110），所以我如何使用jquery使其完整（记住范围值是动态的，所以我不能仅在20110应用条件）…提前感谢

<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');
    }
});

$（“#结果”）.change（函数（）{
var result=$（this.val（），
nor=$（'#nor'），
最小值=正常数据（“最小值”），
max=nor.data（'max'）；
如果（结果<分钟）{
nor.val（'Low'）；
}否则如果（结果<最大值）{
nor.val（'Normal'）；
}否则{
nor.val（“高”）；
}
});

JSFiddle：

---

这可能会有所帮助。

您可以使用所需的属性动态更改数据最小值和数据最大值属性。这里我假设只有一排。为此，请使用类而不是ID来处理多行。