change type of input field with jQuery

by

It’s very likely this action is prevented as part of the browser’s security model.

Edit: indeed, testing right now in Safari, I get the error type property cannot be changed.

Edit 2: that seems to be an error straight out of jQuery. Using the following straight DOM code works just fine:

var pass = document.createElement('input');
pass.type="password";
document.body.appendChild(pass);
pass.type="text";
pass.value="Password";

Edit 3: Straight from the jQuery source, this seems to be related to IE (and could either be a bug or part of their security model, but jQuery isn’t specific):

// We can't allow the type property to be changed (since it causes problems in IE)
if ( name == "type" && jQuery.nodeName( elem, "input" ) && elem.parentNode )
    throw "type property can't be changed";

More Related Contents:

  1. Disable/enable an input with jQuery?
  2. How to handle floats and decimal separators with html5 input type number
  3. Hot to get incomplete datetime-local input values
  4. How can I upload files asynchronously with jQuery?
  5. Stop form refreshing page on submit
  6. Variable doesn’t get returned from AJAX function
  7. What is the most efficient way to create HTML elements using jQuery?
  8. Unexpected token colon JSON after jQuery.ajax#get
  9. Multiple modals overlay
  10. How do I delay a function call for 5 seconds? [duplicate]
  11. Force Download an Image Using Javascript
  12. detecting line-breaks with jQuery?
  13. Very Simple, Very Smooth, JavaScript Marquee
  14. Is $(document).ready() also CSS ready?
  15. Why can’t we have return in the ternary operator?
  16. Throttle event calls in jQuery
  17. jQuery get the location of an element relative to window
  18. Test if links are external with jQuery / javascript?
  19. How to select a range of elements in jQuery
  20. Change iframe src by clicking a link
  21. How to generate a thumbnail image after adding an image inside an input type=”file” in a form and submitting them both on the same form
  22. Can you have a JavaScript hook trigger after a DOM element’s style object changes?
  23. jQuery x y document coordinates of DOM object
  24. How do I capture a key press (or keydown) event on a div element?
  25. Placeholder for contenteditable div
  26. How to add a Facebook “Like” button to an AJAX driven page
  27. ng-mouseover and leave to toggle item using mouse in angularjs
  28. Looking for a better workaround to Chrome select on focus bug
  29. In web browsers, what’s the difference between onblur and onfocusout?
  30. moment.js isValid function not working properly

Leave a Comment