Preserved Topic: Passing for field to function for SELECT

Hmmm... I thought this was discussed here before, but I can't find it.

I want to pass a variable to a function. Using that string, it creates the name of a form field, then changes the value of that form field (a <select> ) to a given value. But my syntax is wrong...

function statechange(mystate){
// alert(document.vcard.mystate);
mycntry = mystate + "country";
if (document.vcard.mystate != ""){
document.vcard.mycntry.options[document.vcard.mycntry.selectedIndex].value = "224";
}
}

Basically, if I call statechange('w), then mycntry should equal 'wcountry', and document.vcard.wcountry.options[document.vcard.wcountry.selectedIndex].value should be set to "224"

I know that the 'wcountry' part is not correct in the syntax, but I don't know what it's called to search for a fix.

Help!

Change

document.vcard.mycntry...

to

document.vcard[mycntry]...

in both places that it occurs.

There isn't actually an input with name="mycntry" anywhere. What you're doing is taking the *value* of a string and using it as the property of an object. This is called "indirection" and is done with the [] operators. (Though it's more commonly done with eval(), but that's slower and uglier.)

Okay, thanks. I had found using something like
document.vcard.elements[mycntry]...

would work as well....I like your version better.

Indirection......hmmmm....I'll learn this stuff yet if it kills me (and sometimes I think it is!)

Thanks again.

hmm...

*jots that down*


Code - CGI - links - DHTML - Javascript - Perl - programming - Magic - http://www.twistedport.com
ICQ: 67751342