Display Section Based on selected picklist value in visualforce salesforce
if you want to display and hide section based on picklist value ? then check the below code
<apex:page standardController="lead" id="pg1">
<script>
function hidesection()
{
var a = document.getElementById('{!$Component.pg1.form1.status1}').value;
if(a=='Re Scheduling')
{
document.getElementById('section1').style.display='none';
}else
{
document.getElementById('section1').style.display='block';
}
}
</script>
<apex:form id="form1">
<label><b>Status</b></label>
<apex:inputField id="status1" onchange="hidesection();" value="{!lead.status}"/><br/>
<div id="section1">
Section 1 will hide when status is pending
</div><br/>
<div id="section2">
Section 2 will not change
</div>
</apex:form>
</apex:page>
The above will hide the div section1 when ever status is changed to "Re Scheduling"
Output(initial screen on page load)
Output(after selecting picklist value as "Re Scheduling")