assign values to a table from javascript in VF page
<apex:page standardController="Application__c" extensions="applicationformcontrol" id="pg1" sidebar="false">
<apex:form id="frm1">
<!—- To enable or disable the checkbox -->
<apex:inputField id="check" value="{!app.Checksamepresent__c}" onchange=" return check();"/>
</apex:form>
<!-- Javasript functionality-->
<script>
<!-- To display or hide the output panel based on the country selection for dependent country picklist or textbox -->
function check()
{
var con=document.getElementById("{!$Component.pg1.frm1.pbk.pbs1.precon}").value;
var conp=document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.percon}").value;
if(document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.check}").checked==true)
{
if(con=="United States")
{
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.p3}").style.display = 'none';
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.p4}").style.display = 'block';
else
{
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.p3}").style.display = 'none';
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.p4}").style.display = 'block';
}
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.peradd1}").value=document.getElementById("{!$Component.pg1.frm1.pbk.pbs1.preadd1}").value;
<!-- Same as Present Address, Permanent Address fields are read only -->
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.peradd1}").readOnly=true;
}
else
{
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.p3}").style.display = 'none';
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.p4}").style.display = 'block';
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.peradd1}").value='';
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.peradd1}").readOnly=false;
}
}
<!-- To display or hide, dependent picklist or text box field based on country selection -->
function change()
{
var country=document.getElementById("{!$Component.pg1.frm1.pbk.pbs1.precon}").value;
if(country=='United States')
{
document.getElementById("{!$Component.pg1.frm1.pbk.pbs1.p1}").style.display = 'block';
document.getElementById("{!$Component.pg1.frm1.pbk.pbs1.p2}").style.display = 'none';
}
else
{
document.getElementById("{!$Component.pg1.frm1.pbk.pbs1.p1}").style.display = 'none';
document.getElementById("{!$Component.pg1.frm1.pbk.pbs1.p2}").style.display = 'block';
}
}
function change1()
{
var country=document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.percon}").value;
if(country=='United States')
{
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.p3}").style.display = 'block';
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.p4}").style.display = 'none';
}
else
{
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.p3}").style.display = 'none';
document.getElementById("{!$Component.pg1.frm1.pbk.pbs2.p4}").style.display = 'block';
}
}
</script>
</apex:page>
Are there any code examples left?
New code examples in category Javascript
-
Javascript 2023-04-21 22:52:36
-
Javascript 2022-03-27 22:25:20 javascript download string as file
-
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
-
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
-
Javascript 2022-03-27 21:15:02 javascript regex french phone number
-
Javascript 2022-03-27 21:05:03 cypress custom error message
-
Javascript 2022-03-27 21:00:05 create element javascript with id
-
Javascript 2022-03-27 20:40:57 feather icons react
-
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
-
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password