Question

我是jsp的新手，这就是情况，我有2个字段，f1和f2。如果f1中有任何更改，我想隐藏f2。

f1看起来像：

<input type="text" class="form-control" id="f1-id" name="f1-id" data-date-format="yyyy-mm-dd">

我添加了代码：

$("#f1-id").on('change', hidef2);

function hidef2() {
  $("#f2-id").hide
}

如果我使用键盘来改变f1，则隐藏

f2，但如果我用鼠标改变f1，则f2根本不隐藏。记住f1有日期选择器。

Answer 1

您的代码适合我（只需在后面加上括号＆＃34;隐藏＆＃34;）：

＆＃13;

$("#f1-id").on("change", hidef2);

function hidef2() {
    $("#f2-id").hide(); // add parenthesis here!
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div class="col-xs-6">
    <label>F1-ID</label>
    <input type="date" class="form-control" id="f1-id" name="f1-id" data-date-format="yyyy-mm-dd">
    <label>F2-ID</label>
     <input type="date" class="form-control" id="f2-id" name="f1-id" data-date-format="yyyy-mm-dd">
<div>

＆＃13;

Answer 2

您可以在onSelect事件中设置DatePicker字段，如下所示：

$(".date").datepicker({
  onSelect: function(dateText) {
    $("#f2-id").hide();
  }
});

在jsp中，隐藏基于具有datepicker的其他字段的字段

2 个答案: