Question

我是一个编程新手，所以我不确定这是怎么工作的。

每当我克隆时，都会出现两个问题。

1）当我单击文本框和按钮时，它将克隆

2）文本框保留我之前写过的内容的价值

我尝试了val('')和这种当前方法，但是我不知道为什么它不起作用。

$(function() {
  $('input').click(function() {
    $('.cloneitem:first').clone().appendTo('#container').val('');
  });
  document.getElementById('textbox').value = '';
});

select:invalid {
  color: gray;
}

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="clone.js"></script>

<input type="button" value="+" />
<div id="container"></div>
<div class="cloneitem">
  <form>
    <select required>
      <option value="" disabled selected hidden>How much?</option>
      <option value="S">A little</option>
      <option value="M">A good bit</option>
      <option value="L">A lot</option>
    </select>
    of
    <input type=text id=textbox>
  </form>
</div>

Answer 1

尝试一下

 $(function(){
 $('input[type=button]').click(function(){
  $('.cloneitem:first').clone().appendTo('#container').val('');
      $("#container div:last input[type=text]").val("");
   });
 });

如何使用JavaScript清除文本框？

1 个答案: