javascript - 克隆输入而不带其值

Question

我想克隆一个 div，并且不想使用 jquery 和 ejs 获取克隆输入的值。问题是，当我在克隆的 div 中创建数组时，除了时间输入很热之外，一切都正常。仅第二次输入我想获取第三次的值例如

我尝试清空时间输入的值，如下所示 Javascript clone without values但它不起作用。

var state ='', type='', time= '';
  $('#state').change(function () {
     state = this.value;
  })
  $('#type').change(function () {
     type = this.value;
  })

  $('#addToilet').click(function () {
        setTimeout(function () {
          console.log( $('#toiletTime').val());
          time = '';
          $('#toiletContent').clone(true).appendTo('.another');
           time = $("#toiletTime").val();
           console.log(state);
             toilet.push({state, type, time});
             console.log('kk',toilet);
    },100)
})

我的 HTML:

 <label>Toilet State</label>
          <select class="form-control col-md-6" id="state" name="">
            <option disabled selected>Select the State..</option>
            <option value="Urine">Urine</option>
            <option value="Stool">Stool</option>
          </select>
          <label>Time</label>
          <input type="time" class="form-control col-md-6" id="toiletTime" name="" value="">
          <label>Type</label>
          <select class="form-control col-md-6" id="type" name="">
            <option disabled selected>Select the Type..</option>
            <option value="Kind">Kind</option>
          </select>
       </div>
     </div>
  <div class="another">
    <p class="addNew" hidden>Add Another One</p>
  </div>

Answer 1

克隆后刷新值

$('#toiletContent').clone(true).val('').appendTo('.another');

如果将克隆的项目放入 var 中并附加它，效果会更好

var clonedItem = $('#toiletContent').clone(true);

clonedItem.val('').appendTo('.another');