Changing input type password to input type text [duplicate]

Question

I have an input type password that I want to change to text when an immage is clicked.

This is what I did:

$('#txtGenerate').attr("type", "text");

But it's not working.. What can I do?

Some browsers don't really support changing the type of an input element. You should consider replacing the password input with a text input instead. From the .attr documentation (which you read, right?): "Note: Attempting to change the type attribute (or property) of an input element created via HTML or already in an HTML document will result in an error being thrown by Internet Explorer 6, 7, or 8." — Felix Kling
– Felix Kling, Commented Jan 23, 2014 at 8:36

Felix · Accepted Answer · 2014-01-23 08:43:13Z

3

You can do like this:

$('#txtGenerate').clone().prop('type','text').insertAfter('#txtGenerate').prev().remove();

answered Jan 23, 2014 at 8:37

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

Comments

Pesulap · Accepted Answer · 2014-01-23 08:38:20Z

2

try this:

 $('#txtGenerate').prop('type', 'text');

answered Jan 23, 2014 at 8:38

Pesulap

8948 silver badges19 bronze badges

Why should the OP try that? What's wrong with .attr?

Milind Anantwar · Accepted Answer · 2014-01-23 08:36:30Z

1

Use prop instead:

$('#txtGenerate').removeAttr("type");
$('#txtGenerate').prop('type', 'password');

answered Jan 23, 2014 at 8:36

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges