删除后如何添加回元素？在 Jquery 中使用 .removeAttr

Question

您好，我有一个例子，如果选择下拉列表 - 可回收物品的价格会出现一个隐藏字段，但我如何在选择服务充电器时隐藏字段消失

我曾尝试使用 .attr 添加回来，但它似乎不起作用

$("#select-price-mode").change(function() {
  if (this.value === "Price By Recyclables") {
    $('.col').removeAttr('hidden');
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="form-row">
  <div class="col">
    <label for="select-price-mode" class="col-form-label">Price Mode</label>
    <select class="select-price-mode custom-select-sm col-10" id="select-price-mode" required>
      <option selected disabled value="">Select ....</option>
      <option value="Price By Recyclables">Price By Recyclables</option>
      <option value="Service Charger">Service Charger</option>
    </select>

  </div>

  <div class="col" hidden>
    <label for="select-payment-frequency" class="col-form-label">Payment Frequency</label>
    <select class="select-payment-frequency custom-select-sm col-10" id="select-payment-frequency" required>
      <option selected disabled value="">Select ....</option>
    </select>

  </div>

Answer 1

我认为这将解决您的问题

$("#select-price-mode").change(function() {
  if (this.value === "Price By Recyclables") {
    $('.col').removeAttr('hidden');
  } else {
    $('.col').attr('hidden', '');
  }
});