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/

可能这会有所帮助。