根据文本字段</div>中的值显示和隐藏<div>元素

Question

我正在尝试创建一个脚本，用于检查输入到数字表单字段中的值，以便：

• 如果该值为＆lt; = 500，则会显示div“A”
• 如果该值为＆gt; 500和＆lt; = 1500，它将显示div“B”
• 如果该值>> 1501，则用户可以不间断地继续。

代码的基本轮廓如下所示：

<input name="income" type="text" id="income" />

<div class="less-than-500" style="display:none;">explanatory text</div>
<div class="less-than-1500" style="display:none;">explanatory text</div>

Answer 1

这样的事情应该有效：

$("#income").change(function(){
    $(".less-than-500,.less-than-1500").hide();
    var myValue = $(this).val();
    if(myValue  <= 500){
       $(".less-than-500").show();
    }
    else if(myValue <= 1500)
    {
        $(".less-than-1500").show();
    }
});

在这里摆弄：http://jsfiddle.net/VGCKQ/1/

当您离开输入字段时，它会检查该值。