hi!
i am having a drop down list which displays the respective form using javascript on selecting the option.Its working fine in Firefox and IE but having trouble in some versions of chrome(latest).i am displaying the code below.
function displayform(item)
{
if(item==”Select :”) {document.getElementById(‘deln’).style.display=”none”;document.getElementById(‘pres’).style.display=”none”;document.getElementById(‘dele’).style.display=”none”;}
if(item==”Delegation”) {document.getElementById(‘deln’).style.display=”block”;document.getElementById(‘pres’).style.display=”none”;document.getElementById(‘dele’).style.display=”none”;}
if(item==”Press”) {document.getElementById(‘deln’).style.display=”none”;document.getElementById(‘pres’).style.display=”block”;document.getElementById(‘dele’).style.display=”none”;}
if(item==”Delegate”) {document.getElementById(‘deln’).style.display=”none”;document.getElementById(‘pres’).style.display=”none”;document.getElementById(‘dele’).style.display=”block”;}
}
<select id=”sf” onChange=”displayform(document.getElementById(‘sf’).value);”>
<option value=”Select :” selected=”selected”>Select :</option>
<option value=”Delegation”>Delegation</option>
<option value=”Press”>Press</option>
<option value=”Delegate”>Delegate</option>
</select>
<form name=”delnform” method=”POST” action=”/2011/MUN/MUN-form.php” id=”deln” style=”display:none;”>
// some inputs
</form>
<form id=”pres” style=”display:none;”>
// some inputs
</form>
<form name=”deleform” method=”POST” action=”/2011/MUN/MUN-form.php” id=”dele” style=”display:none;”>
// some inputs
</form>
only the first form is being displayed on chrome. the remaining two are not being displayed.
thanks in advance.