Adding Placeholder, Changing Input Type, Changing Text (Value) using Javascript (JS)

Views: 32

Adding Placeholder

$(function(){
	$("td.gfield_list_85_cell1 input[type='text']").attr("placeholder", "MM/YYYY");
	$("td.gfield_list_85_cell3 input[type='text']").attr("placeholder", "Reason");
});

Changing Input Type

$(function(){
	$("td.gfield_list_85_cell1 input[name='input_85[]']").datepicker();
        $("td.gfield_list_151_cell2 input[name='input_151[]']").datepicker({ dateFormat: "mm/dd/yy" });
	$("td.gfield_list_158_cell1 input[name='input_158[]']").datepicker({ dateFormat: "mm/yy" });
});

Changing Value by ID

<script type='text/javascript'>
 document.getElementById("demo").innerHTML = "Paragraph changed!"; 
</script>

Changing Value by ClassName

<script type='text/javascript'>
document.getElementsByClassName("gpnf-add-entry")[0].innerHTML = "Add Products";
</script>

Author:

Leave a Reply