Thanks for the response. I'm still having trouble getting this to produce any results. Perhaps I'm not initiating it correctly, as nothing seems to happen as a result of this:
$("#showgraph").click(function(){ // Only unhide the Overlay controls if Initial Conditions are set to No. $("#initCond").click(function(){ if ($(this).val() == 'no'){ { $("#overlaybutt,#addoverlay").show("slow"); } return false; }); return false; }); Or this: $("#showgraph").click(function(){ // Only unhide the Overlay controls if Initial Conditions are set to No. $("#initCond").click(function(){ if (this.options[this.selectedIndex].value == 'no'){ $("#overlaybutt,#addoverlay").show("slow"); } return false; }); return false; }); No errors reported or anything -- it's as if the whole function is being passed over. Any thoughts? On Jun 25, 3:52 pm, MorningZ <[EMAIL PROTECTED]> wrote: > "this.value" not get the value of a <select> > > use > > if ($(this).val() == 'no') > > instead > > or you can just use what jQuery does under the hood and say > > if (this.options[this.selectedIndex].value == 'no') > > On Jun 25, 11:13 am, Will <[EMAIL PROTECTED]> wrote: > > > I have a button (#showgraph) that submits a form, but when this > > happens, I want a certain div (#overlaybutt) to appear only if a > > certain value ('no') is present in one of the select options > > (#initCond). > > > Here's what I have so far, which isn't working: > > > $("#showgraph").click(function(){ > > // Only unhide the Overlay controls if Initial Conditions are set > > to No. > > $("#initCond").change(function() { > > if (this.value == 'no') > > { > > > > $("#overlaybutt").show("slow"); > > } > > return false; > > }); > > > return false; > > }); > > > How would I show #overlaybutt only if the value of the #initCond > > select box is set to 'no'? > > > Thanks! > >