如何使用 JavaScript 清除文本框？

Question

I'm a programming noob, so I'm not sure how this isn't working.

Whenever I clone, two problems appear.

1) this clones when I click the text box AND the button

2) text box keeps value of whatever I wrote in it prior

I have tried val('') and this current method but I have no idea why it doesn't work.

 $(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

Try This

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