Question

我在隐藏/取消隐藏div元素时遇到了一些问题。我有input元素由datepicker填充。如果input元素为空（始终在开始时），则应隐藏div元素。我有这段代码：

$("#input#date_from").keyup(function () {
   if ($(this).val()) {
      $("#return_section").show();
   }
   else {
      $("#return_section").hide();
   }
});

但它不起作用。 div元素仍然可见，我不知道问题出在哪里？

谢谢，任何帮助！

Answer 1

您在选择器的开头有一个额外的#，当您选择input元素时，这是不需要的，而不是{input}的id元素。试试这个：

$("#date_from").keyup(function () {
   if ($(this).val()) {
      $("#return_section").show();
   }
   else {
      $("#return_section").hide();
   }
});

Answer 2

如果#date_from输入由日期选择器填充，则最好使用change()而不是keyup()，因为它会监视输入值的更改，而不是键盘笔画。我还会明确检查输入字段是否为空。

$("#date_from").change(function () {
    if ($(this).val() !== '') {
        $("#return_section").show();
    }
    else {
        $("#return_section").hide();
    }
});

检查表单输入是否已填充并隐藏/取消隐藏div元素

2 个答案: