Spec Form Show/Hide/Toggle Methods w/Drop Down Menu Option

[mvang]

When selecting Iowa the Address 1 label and City lable and variable spec show than when I select Other the address 1 variable spec show.
When I go back to select Iowa nothing show (which is what it should be) and than when I select Other the Address and City label and variable spec show? Below are my script below.
What I'm trying to accomplish is when the customer select "Iowa" nothing show but when they select "Other" the variable spec Address1 and City show along with the label. this is kind of similar to my check box feature show/hide/toggle methods except i am using the drop down feature.

Item: BC-01 TESTING
Description: BC-01 TESTING
Buyer: Mary Greeley Medical Center

Edit HTML Tab:
<p><strong>Select Location:&nbsp;</strong> [[Address]] <br />
<span id="add1">Address 1 </span>[[OtherAddress1]] <br />
<span id="city">City </span>[[OtherCity]]</p>

Advanced Scripting Tab:
spec['OtherAddress1'].hide();
get('add1').hide();
spec['OtherCity'].hide();
get('city').hide();
spec['Address'].onchange = function(){
var choices = { "Iowa" : "Iowa", "Other" : "Other" }
if (this.selectedText() != "Iowa")
spec['OtherAddress1'].toggle();
get('add1').toggle();
spec['OtherCity'].toggle();
get('city').toggle();}
spec['OtherAddress1'].onselect = function(){
get('add1').hide();
if (this.value.length > 0)
get('add1').show();}

Any help is greatly appreciated.
Thanks in advanced.

[mvang]

Another method that works but the <pan> is not showing.

HTML
<p><strong>Select Location:&nbsp;</strong> [[Address]] <br>
<span id="add1">Address 1 </span>[[OtherAddress1]] <br />
</p>

Advanced Script
spec['OtherAddress1'].hide();
get('add1').hide();
spec['Address'].onchange = function(){
var choices = { "Iowa" : "Iowa", "Other" : "Other" }
if
(this.selectedText() != "Iowa")
spec['OtherAddress1'].show();
else
spec['OtherAddress1'].hide();}

[Steve]

<div><strong>Select Location:&nbsp;</strong> [[Address]]</div>
<div><span>Address 1 </span>[[OtherAddress1]]</div>

spec['Address'].onchange = function() {
get('OtherAddress').hide();
if (this.selectedText() == 'Other')
get('OtherAddress').show();
};
_________________
Steve

You can read about other advanced tech topics on the http://www.insightsfour51.com/?cat=3

[mvang]

Thank you for the reply.
I copy and paste the code.

Blank selection include the span "Address" and variable spec "OtherAddress1".
"Iowa" selection include the span "Address"
"Other" selection include both "Address" and variable spec "OtherAddress1".

Is it possible to only show the "Address" and variable spec "OtherAddress1" when select "Other" and have nothing show when the blank (1st selection) or Iowa is selected.

Thank you in advanced.
MV

[Steve]

[mvang]

I'm trying to hide the spec control name "Address" when selecting Iowa or the blank options.

spec['OtherAddress1'].hide(); *add to remove variable spec but the spec control name "Address" still show
spec['Address'].onchange = function() {
get('OtherAddress1').hide();
if (this.selectedText() == 'Other')
get('OtherAddress1').show(); };

Previous I added an Span ID:
HTML
<span id="add1">Address 1 </span>[[OtherAddress1]] <br />

ADVANCED SCRIPT
spec['OtherAddress1'].show();
get('add1').show();

MV

[Steve]

[mvang]

The spec control name "Address 1" is still showing when selecting Iowa or the default blank options.

HTML
<div><strong>Select Location:&nbsp;</strong> [[Address]]</div>
<div><span id="add1">Address 1 </span>[[OtherAddress1]]</div>

Advanced Script
spec['OtherAddress1'].hide();
get('add1').hide();
spec['Address'].onchange = function() {
if (this.selectedText() == 'Iowa')
get('OtherAddress1').hide();
get('add1').hide();
if (this.selectedText() == 'Other')
get('OtherAddress1').show();
get('add1').show();
};

Item# BC01
Description: Drop Down Option
Catelog: Business Card
Buyer: Maiton Testing Site

Thank you in advanced.
MV