i don't know javascript i've been able piece means programmatically hide html tables on webpage using versions of following line hide them when page opens:
document.getelementbyid("approved").style.display = "none"; etc
and depending on value being chosen select menu have element appear, using this:
document.getelementbyid('cboaim').addeventlistener('change', function (){ var style = this.value == "10" ? 'block' : 'none'; document.getelementbyid('approved').style.display = style; var style = this.value == "13" ? 'block' : 'none'; document.getelementbyid('enddate').style.display = style; var style = this.value == "14" ? 'block' : 'none'; document.getelementbyid('tortm').style.display = style; var style = this.value == "17" ? 'block' : 'none'; document.getelementbyid('enddate').style.display = style; }); which works virtually except 2 lines relating 'enddate'. works 1 of values not other. i'm assuming referring element id twice breaks code (both select 13 , 17 need date box appear).
for more complex reasons can't add table different id i'm hoping out there knows easy way around problem. please gentle me, know javascript offensive programmer ;-)
i'd happily use function attached onchange on select if easier? i'm using addeventlistener because search on stackoverflow came particular solution.
cheers les
remove var statements. declaring same var in same scope multiple times invalid js.
now, check value "17" override "13", change condition on 'enddate' element:
document.getelementbyid('cboaim').addeventlistener('change', function (){ document.getelementbyid('approved').style.display = this.value == "10" ? 'block' : 'none'; document.getelementbyid('tortm').style.display = this.value == "14" ? 'block' : 'none'; document.getelementbyid('enddate').style.display = (this.value == "13" || this.value == "17") ? 'block' : 'none'; }); this set 'enddate' display if value "13" or if value "17".
Comments
Post a Comment