Remove an html button using js

Question

I have a bit of code below that creates a button on a html form. When a user has entered some information using the button I want the form to reflect this by removing the button and replacing it with just plain text. I have tried getting the inner html and using divs but nothing is working can anybody help please? I am not looking for anyone to write code for me just a few pointers would be great.

  <td class="col1"><h3>Associated with :</h3></td>
  <td class="col3">
  <input type="button" 
  value="Associate this job " 
  onclick="associate()" 
/></td>

Dori · Accepted Answer · 2010-08-18 00:54:35Z

4

Add a span with an idattribute around whatever it is you want to change. When it's time, here's all you need to do:

    document.getElementById("spanIDhere").innerHTML = "Your text here";

So for instance, you'd have the line:

    <span id="associatespan">
        <input type="button" value="Associate this job" onclick="associate()" />
    </span>

and your script would say:

    document.getElementById("associateSpan").innerHTML = "Look, no more button!";

answered Aug 18, 2010 at 0:54

Dori

9251 gold badge12 silver badges20 bronze badges

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

Comments

Chuck Burgess · Accepted Answer · 2010-08-17 21:31:32Z

3

Put it in a DIV and put the text in a DIV that is hidden. When the user starts to type, hide the button DIV and show the text DIV.

answered Aug 17, 2010 at 21:31

Chuck Burgess

11.6k5 gold badges44 silver badges76 bronze badges

Comments

donaldh · Accepted Answer · 2010-08-17 21:38:29Z

1

I suggest that you look at one of the Javascript toolkits that make it very easy. For example, I have used Prototype for this. The specific method is Element.hide() and there's example usage on the page.

answered Aug 17, 2010 at 21:38

donaldh

8331 gold badge8 silver badges14 bronze badges

Collectives™ on Stack Overflow

Remove an html button using js

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related