Getting rid of Value attribute of a textBox when using clone method in jQuery

Question

I'm having a problem with this form I'm working on. Whenever I add, or refresh the page, the values are still there. I believe this is because the clone method copies the value attribute from the textBox. Is there any way I can get rid of them when I add another textBox?

<html>
  <head>
    <title>JQuery Example</title>
    <script type="text/javascript" src="jquery-1.4.js"></script>
    <script type="text/javascript">


      function removeTextBox()
      {
          var childCount = $('p').size() //keep track of paragraph childnodes

          //this is because there should always be 2 p be tags the user shouldn't remove the first one
           if(childCount != 2)   
          {
            var $textBox = $('#textBox')
            $textBox.detach()

          }

      }


      function addTextBox()
      {

        var $textBox = $('#textBox')
        var $clonedTextBox = $textBox.clone()

        //document.getElementById('textBox').setAttribute('value', "")

        $textBox.after($clonedTextBox)



      }
    </script>
  </head>
  <body>
    <form id =
          method="POST"
          action="http://cs.harding.edu/gfoust/cgi-bin/show">

    <p id= "textBox">
        Email:
        <input type = "text" name="email" />
        <input type ="button" value ="X" onclick = "removeTextBox()"/>
    </p>

      <p>
        <a href="javascript:addTextBox()">Add another email</a>
      </p>
      <input type="submit" value="submit"/>
    </form>
  </body>
</html>

Kyle Butt · Accepted Answer · 2010-01-25 01:11:21Z

1

The Following addition should work:

var $clonedTextBox = $textBox.clone();
$($clonedTextBox).val('');

edited Jan 25, 2010 at 1:11

answered Jan 24, 2010 at 22:14

Kyle Butt

9,8703 gold badges24 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tfwright Over a year ago

the var name in the second line of code should be $clonedTextBox, although I think beginning local vars in JS with a $ is a bad practice and especially confusing when used alongside jQuery...

Collectives™ on Stack Overflow

Getting rid of Value attribute of a textBox when using clone method in jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related