Javascript div hide/show problem in IE

[Chittaranjan]

Hi All,

I am having a problem using Javascript in Perl script. In the perl module I have included the Javascript codes and that is workign fine for validation purpose but when I am trying to show and hide some divisions randomly selecting from a drop down menu then that is working fine in Mozilla but not working in IE 6/7. Here is some part of my code: if any suggestions please welcome...

Thanks,
Chittaranjan

This is the Javascript code I am using for div hiding and showing

<script type="text/javascript">
<!--
function showOptionals(field) {
	var loc = document.getElementById('noOfItems').value;
	for ( i = 1; i <= loc; i++ ) {
		var sel = document.getElementById('sel-tlcode-'+i).value;
		if ( i == sel ) {
			document.getElementById(i).style.display='block';
		}
		else {
			document.getElementById(i).style.display='none';
		}
	}
}
//-->
</script>

This is the perl script drop down where I am calling the Javascript function

print popup_menu(
	-name		=> 'sel-tlcode-' . $y,
	-id			=> 'sel-tlcode-' . $y,
	-value		=> \@xx,
	-default	=> $value{$label},
	-class		=> ( $errLabel eq $label ) ? 'formmsg' : 'formelements',
	-title		=> 'Select a location code that corresponds with a location list in the section below.',
	-tabindex	=> $tabindex,
	-onChange	=> "showOptionals(this);",
	-force		=> 1
);

This is the div which I want to show and hide randomly selecting from the drop down.....

print "<div id=".$a." style=\"display:none\">";

[miller]

(Moving thread to Javascript from Perl)

Hello Chittaranjan,

I understand that this html was generated using perl, but the nature of your problem is in the JavaScript, not the perl that is generating it.

I have a feeling that our friendly Javascript experts might need more information from you, but I'll let them ask if that's so.

- Miller

[acoder]

Maybe you have not closed your div?