change type of input element in jquery not working in IE

Question

if($jq(this).text() == "Show") {
    $jq('#password')[0].type = "text";
} else {
    $jq('#password')[0].type = "password";
}

In my program, I am changing type of password input field on clicking hide or show password button.

the above code works fine with all the browsers except IE.

anyone plz help me with solution. Thanks

Why are you using jQuery if you're going to access the raw node like that? you should use `$("#password").attr("type", "text");` — bruchowski, Nov 07 '13 at 06:12
duplicate of: http://stackoverflow.com/questions/8584098/how-to-change-an-element-type-using-jquery# — Shaheer, Nov 07 '13 at 06:18

score 0 · Answer 1 · edited May 23 '17 at 11:50

0

Try

if($jq(this).text() == "Show") {
    $jq('#password').attr("type","text");
} else {
    $jq('#password').attr("type","password");
}

or better use .prop

if($jq(this).text() == "Show") {
    $jq('#password').prop("type","text");
} else {
    $jq('#password').prop("type","password");
}

edited May 23 '17 at 11:50

Community

answered Nov 07 '13 at 06:13

1 Answers1