Changing input type password to input type text

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](http://api.jquery.com/attr/) (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, Jan 23 '14 at 08:36

Felix · Answer 1 · 2014-01-23T08:43:13.547

3

You can do like this:

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

edited Jan 23 '14 at 08:43

answered Jan 23 '14 at 08:37

Felix

score 2 · Answer 2 · answered Jan 23 '14 at 08:38

2

try this:

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

answered Jan 23 '14 at 08:38

Pesulap

Why should the OP try that? What's wrong with `.attr`? – Felix Kling Jan 23 '14 at 08:41

score 1 · Answer 3 · answered Jan 23 '14 at 08:36

1

Use prop instead:

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

answered Jan 23 '14 at 08:36

Milind Anantwar

3 Answers3