change input type using javascript

Question

I am using this java script to change the input type for a field, it doesn't seem to work. please help

 <script type="text/javascript" charset="UTF-8" language="JavaScript">{literal}
    addLoadEvent(function () {
    document.getElementById(“form1").attributes["type"] = "text";
     }
    );
    {/literal}</script>

Note that changing the type of an input is not supported in all browsers (older IE versions). — Felix Kling
– Felix Kling, Commented Feb 23, 2014 at 2:12

Ryan Seys · Accepted Answer · 2014-02-23 02:21:48Z

2

Be sure that you are using the correct ASCII characters in your code. It appears that:

getElementById(“form1")

should infact be:

getElementById("form1")

Note the different first quotation character.

Another note: I'm not sure what {literal} and {/literal} are, but if they are actually in your code, you should also try removing those if you continue to have problems.

edited Feb 23, 2014 at 2:21

answered Feb 23, 2014 at 2:08

Ryan Seys

2641 silver badge9 bronze badges

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

Comments

ltalhouarne · Accepted Answer · 2014-02-23 02:17:44Z

1

Try:

 addLoadEvent(function () {
     document.getElementById("form1").setAttribute("type", "text");
 });

As Ryan pointed out, “form1" needs to be change to "form1". Also, attributes[] can cause some browser incompatibilities. See here

edited Feb 23, 2014 at 2:17

answered Feb 23, 2014 at 2:02

ltalhouarne

4,6382 gold badges25 silver badges32 bronze badges

3 Comments

Felix Kling Over a year ago

Why should the OP try that? What's wrong with their code?

ltalhouarne Over a year ago

“form1" to "form1". Also, attributes[] can cause some browser incompatibilities. See here

Felix Kling Over a year ago

Best edit your answer and add this information. Also note that the problems with attributes don't apply in this case. The OP doesn't try to access the style attribute, nor is the attribute name uppercase.

Collectives™ on Stack Overflow

change input type using javascript

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related