Changing the “placeholder” attribute of HTML5 input elements dynamically using Javascript

Question

I\'m trying to dynamically update the HTML5 placeholder attribute of a text field using jQuery.

$(\"textarea\").attr(\"placeholder\", \"New plac         


        

Answer 1

working example of dynamic placeholder using Javascript and Jquery http://jsfiddle.net/ogk2L14n/1/

 
     one
     two
     three
    

function changeplh(){
    debugger;
 var sel = document.getElementById("selection");
    var textbx = document.getElementById("textbox");
    var indexe = sel.selectedIndex;

    if(indexe == 0) { 
     $("#textbox").attr("placeholder", "age");

}
       if(indexe == 1) { 
     $("#textbox").attr("placeholder", "name");
}
}