Кака в internet explorer 8,в поле input менять атрибут type с password на text и наоборот?

Question

[Виталий]

Пытаюсь сделать кнопку, по нажатию на которою, будет скрываться или показыватся введенный пароль.
В нормальных браузерах посредством attr('type',"text") и attr('type',"password")
все прекрасно работает.Тепер мне нужно заставить это работать в IE 8

Answer 1

[Алексей Уколов]

Тип поля поменять нельзя в целях безопасности. Можно только заменить его копией:

$passwordField = $('.your-selector');

attribites = {
	id: $passwordField.attr('id'),
	type: $passwordField.attr('type') === 'password' ? 'text' : 'password',
	name: $passwordField.attr('name'),
	value: $passwordField.attr('value'),
	class: $passwordField.attr('class'),
};

$passwordField.replaceWith($('<input/>', attribites));

Comments

[Виталий]

Нашел также вариант с заменой,но немножко короче :

var input=document.getElementById(some-id);
var input2= input.cloneNode(false);
input2.type='password';
input.parentNode.replaceChild(input2,input)

Работает если input изначально type = text , тогда без проблем меняется на 'password', а вот наоборот(с type= password на type=text ) почему то не хочет :(

[Алексей Уколов]

Виталий: я же говорю, что тип 'password' у ноды инпута нельзя поменять, клонирование тут ничем не поможет.