Select menu problem 1

[HenryAnthony]

Hi,

Can anyone tell me what is causing the problem with the select menu on this page:

http://www.mibcn.com/home/medicare_advantage/premiumCopay.shtml

It should be showing the name of a county. In IE7, it is showing the label and not the value. It works fine in IE6.

Thanks in advance for any help.

Henry

 

[BillyRayPreachersSon]

Given you're not using optgroups, you should remove the "label" attributes from your option elements. That should solve the problem.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Incidentally, the page cannot be validated due to erroneous characters - most likely the unescaped "smart quotes" at the bottom of the page.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[HenryAnthony]

Dan,

I cannot remove label attributes as they are used in the script to dynamically swap dollar amounts in the first row of the table. Again, this worked fine in IE6.

I also tried to validate. Thanks for the tip on that.

FYI, I have recently inherited this site and am not a whiz at Javascript. I have pasted the script below in case anyone would like to look at it.

****************

<script type="text/javascript" language="JavaScript"><!--

function countyList() {

turnOffCounty();

var region = document.getElementById(county.options[county.selectedIndex].label);
var countyOption = document.getElementById(county.value);
var oCare = document.getElementById("oc");

countyOption.style.backgroundColor="#E4CFCF";

var bname = navigator.appName;
if (bname.search(/microsoft/i) == 0)
{
region.style.display="block";
countyOption.style.display = "block";
oCare.style.display = "block";
}
else
{
countyOption.style.display = "table-row";
region.style.display="table-row";
oCare.style.display = "table-row";
}
}

function turnOffCounty() {
var county = document.getElementById("county");
var elem;

for (i=0; i<county.length; i=i+1)
{
if (county.options.label != "")
{elem = document.getElementById(county.options.label);}
if (elem != null){
elem.style.display="none";
}

if (county.options.value != "")
{elem = document.getElementById(county.options.value);}
if (elem != null) {elem.style.display="none";}
}

}
//--></script>

 

[BillyRayPreachersSon]

In fact - if you DO specify the label, the browser should display it instead of the content - so IE 6 and Firefox are exhibiting INCORRECT behaviour.

Dan





Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

You could use a lookup table to determine the dollar ammount based on the value selected. That would allow you to work fine in all browsers regardless of their 'quirkiness'.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Henry,

Did you resolve your problem in the end?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[HenryAnthony]

Dan,

Not yet but, the lookup table seems like one way to fix it. I've been looking into it. While this problem is high on my list, right now I'm getting hit from all sides. I'll probably work on it this weekend.

Thanks for keeping in touch. I really appreciate it.

Henry