Question

如何根据表单输入值进行div显示或隐藏。特别是如果它的价值是积极的。我想让它显示一个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，按元素类型等）

Answer 2

这是逻辑。只适用于您的项目。

var value = document.getElementById('input').value;

if(value === 1000) {
//show the first div
}
else {
//show the second div
}

Answer 3

如果你想看看它是否是正面的，你可以检查它是否是＆gt; = 0（或1，取决于你的目的）。

在对数字进行检查时，首先对它进行parseint（）是个好主意。

将其丢入if语句：

if (value >= 0) { then show one div } else { show a different div }

Answer 4

我认为您正在寻找以下内容：

$(function() {
  if(isNaN(parseInt($("#in").val())))
  { 
   $("#divtobeshown").show();
  }
  else {
     $("#divtobehidden").hide();
  }
});


<form id="sform">
  <input value="" id="in" >
</form>

关于JSFIDDLE

的简单说明

如果（#formID）的值大于100000则显示此Div

4 个答案: