javascript - 如果 (#formID) 的值大于 100000，则显示此 Div

Question

如何根据表单输入值显示或隐藏 div。特别是如果它的值(value)是积极的。我希望它显示一个 div。否则我希望它显示另一个 div。

这是我真正想要的更复杂的东西.如果 form1 大于 10,000 且 form2 小于零。显示第一个 div(如果两者都满足)。如果满足表格 1 的条件但不满足表格 2(表格 2 为正数)，则显示第二个 div。如果有任何其他情况(均不满足或表格 1 不符合(9000)但表格 2 为(负数)显示第三个 div

Answer 1

假设您对 div 有以下内容:

   <div class="show_when_more">
     Foo 
  </div>

   <div class="show_when_less">
     Bar
   </div>

以及您想要观看的以下输入:

   <input type="text" class="to_watch"/>

然后下面的 Javascript 会为你做这件事(你需要 jquery 才能工作):

   $('input.to_watch').on('change', function(){
       if($(this).val()>=1000){
           $('div.show_when_more').css('display', 'block');
           $('div.show_when_less').css('display', 'none');
       } else {
           $('div.show_when_more').css('display', 'none');
           $('div.show_when_less').css('display', 'block');
       }
    });

这也适用于任何其他类型的选择器(例如按 id、按元素类型等)