Home/ Questions/Q 8628373
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T08:31:33+00:00

The problem: I have a page with many <input> fields (just say all are

  • 0

The problem: I have a page with many <input> fields (just say all are text fields)
I would like to have a button, when click on it, all input fields will become plaintext only.
e.g. <input type="text" value="123" /> becomes 123
and if I click on another button, the text will change back to
e.g. 123 becomes <input type="text" value="123" />

Is there an automatic way to scan for all the <input>s and change them all at once using javascript and jquery.

Thank you!

Edited
Seems you guys are getting the wrong idea.
Read what I have written again: e.g. <input type="text" value="123" /> becomes 123

I have value=”123″ already, why would I want to set the value again???

What I want is e.g.

<body><input type="text" value="123" /><input type="text" value="456" /></body> becomes <body>123456</body> and later <body>123456</body> back to <body><input type="text" value="123" /><input type="text" value="456" /></body>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use this to go one way, 

    $('input').replaceWith(function(){
    return $('<div />').text(this.value).addClass('plain-text');
});​​​

    and this to go the other.

    $('.plain-text').replaceWith(function(){
    return $('<input />').val($(this).text());
});

    ​

    • 0