jquery根据表单输入显示div

标签 jquery

有没有办法使用 jQuery 根据表单字段中的输入显示 div。

例如,如果在表单字段中输入的值介于 1 和 5 之间,则显示一个 div。

最佳答案

var div = $('div').hide();

$('input').keyup(function() {

   var value = this.value;

   if (value > 1 && value < 5) {
       div.fadeIn();
   } else {
       div.fadeOut();   
   }

});

See it on jsFiddle .

如果您不希望它在为空时重置自身,请在声明和定义value后添加此内容...

if (value === '') {
   return;    
}

关于jquery根据表单输入显示div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4663934/

相关文章:

jquery - 所有区域的 Bootstrap 数据切换和scrollIntoView

javascript - 如果对话框为空,如何禁用按钮

javascript - Td 内部元素

javascript - 带有可拖动标记和输入框的 Google map 搜索框

javascript - 使用 text() 更改文本区域中的某些字符

javascript - 简化页面滚动?

javascript - 创建一个使用 JQuery 从 JSON 文件加载数据的动态下拉表单

php - 如何对齐动态生成的 div 或段落

php - 没有 PHP 的电子邮件联系表

javascript - 设置初始 select2 高度但允许它垂直扩展