Question

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

我已经尝试清空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');

克隆没有输入值的输入

1 个答案: