Change placeholder text at run time

Question

I want to change the placeholder text of a asp:TextBox at run time. please suggest me.

Sharad · Answer

I am assuming that you have situation something as below: type = "text" name = "First Name" placeholder = "Some Text" /> you can use getElementsByName() method to select the input fields and to change the placeholder for each one... see the below code... document . getElementsByName ( 'First Name' )[ 0 ]. placeholder = 'new text for fname' ; If you wanted to replace all placeholder text from whole site. add below code in your js file, this will change $ ( document ). ready ( function () { $ ( 'form' ). find ( "input[type=textarea], input[type=password], textarea" ). each ( function ( ev ) { if (! $ ( this ). val ()) { $ ( this ). attr ( "placeholder" , "Type your answer here" ); } }); });

Munesh Sharma · Answer

you can do this using JavaScript u see following example you can use getElementsByName() method to select the input fields and to change the placeholder for each one... see the below code... document.getElementsByName('Email')[0].placeholder='new text for email'; document.getElementsByName('First Name')[0].placeholder='new text for fname'; document.getElementsByName('Last Name')[0].placeholder='new text for lname';

Change placeholder text at run time

Answers (2)