jQuery changer le type d'entrée

Question

Essayer de changer l'attribut de type input password à text.

$('.form').find('input:password').attr({type:"text"});

Pourquoi ça ne marche pas ?

Answer 1

ma solution :

    $('#myinput').clone().attr('type','tel').insertAfter('#myinput').prev().remove();

Answer 2

UTILISEZ prop la place de attr

$('.form').find('input:password').prop({type:"text"});

Answer 3

Je sais que je suis un peu en retard au jeu, mais j'ai juste été en mesure de le faire dans IE9 (il semble que Microsoft a décidé de le permettre ?). Cependant, je devais le faire avec JavaScript droit. Ce n'est qu'un exemple d'un formulaire avec une liste déroulante qui modifie le type de champ en fonction de ce qui est sélectionné dans la liste déroulante.

function switchSearchFieldType(toPassword) {
    $('#SearchFieldText').val('');
    if (toPassword === true) {
        $('#SearchFieldText').get(0).setAttribute('type', 'password');
    } else {
        $('#SearchFieldText').get(0).setAttribute('type', 'text');
    }
}

$('#SelectedDropDownValue').change(function () {
    if ($("select option:selected").val() === 'password') {
        switchSearchFieldType(true);
    }
    else {
        switchSearchFieldType(false);
    }
}).change();

Answer 4

Cela devrait fonctionner facilement.

$("selector").attr('type', 'hidden'); 
//Changing it to hidden