如何设置空值或空值在 Jquery 更改中不起作用答案

【问题标题】：How to set empty or null value doesn't worked in Jquery change如何设置空值或空值在 Jquery 更改中不起作用
【发布时间】：2020-02-18 04:30:25
【问题描述】：

我希望输入文本中的值在隐藏过程之后为空

这是我的看法：

<div class="form-group row">
  <label for="status" class="col-sm-4 col-form-label col-form-label-sm">Status Karyawan</label>
  <div class="col-sm-8">
    <select id="status" name="status" class="form-control form-control-sm" required>
        <option value="" selected>Pilih Status Karyawan</option>
        <option value="Kontrak">Kontrak</option>
        <option value="Tetap">Tetap</option>
    </select>
  </div>
</div>
<div class="form-group row" id="tgl_pengangkatan" style="display:none">
  <label for="tgl_pengangkatan" class="col-sm-4 col-form-label col-form-label-sm">Tgl. Pengangkatan</label>
  <div class="col-sm-8 input-group">
    <input name="tgl_pengangkatan" type="text" class="form-control datepicker form-control-sm" id="tgl_pengangkatan" placeholder="yyyy-mm-dd" value="">
  </div>
</div>
<div class="form-group row" id="tgl_berakhir_kontrak"  style="display:none">
  <label for="tgl_berakhir_kontrak" class="col-sm-4 col-form-label col-form-label-sm">Tgl. Akhir Kontrak</label>
  <div class="col-sm-8 input-group">
    <input name="tgl_berakhir_kontrak" type="text" class="form-control datepicker form-control-sm" id="tgl_berakhir_kontrak" placeholder="yyyy-mm-dd" value="">
  </div>
</div>

然后，这是我的脚本：

<script>
$(function () {
    $("#status").change(function() {
    var val = $(this).val();
    if(val === "Kontrak") {
        $("#tgl_berakhir_kontrak").show();
        $("#tgl_pengangkatan").hide();
        $("#tgl_pengangkatan").val('');
    }
    else if (val === "Tetap") {
        $("#tgl_pengangkatan").show();
        $("#tgl_berakhir_kontrak").hide();
        $("#tgl_berakhir_kontrak").val('');
    }
    });
});

我想让它尽量减少输入过程中的错误，谢谢。

【问题讨论】：

可能重复：stackoverflow.com/questions/10951809/…
您不能将重复的 id 赋予相同的控件。首先重命名您的文本框 ID，因为它与您的主 div 部分冲突。所以让 id 独一无二。

标签： javascript jquery html

【解决方案1】：

您尝试更改的元素应该使用其名称而不是 id 来调用。尝试将其更改为：

$('[name="tgl_berakhir_kontrak"]').val('');

顺便说一句，在同一页面上使用相同的名称和 ID 来分隔元素并不是一个好习惯。

【讨论】：

不，我的意思是同一个 id 有重复使用。 div 容器和此元素具有相同的 ID，应避免使用。另一种方法是使用不同的 ID 重命名 div 容器。