Javascript Problem with Form

[Tom]

Hi all, I am a newbe to javascript so I could use your help. I checked the FAQs and searched google
but I could not resolve this problem.

My form is as follows:

<form action="servers idehandlerurl.p hp" method="post" onsubmit="if(do cument.geteleme ntbyid) {
window.open(doc ument.getelemen tbyid('pblinks' ).selectedindex .value); return false; }" >
<select id="pblinks" size="1" >
<option selected="selec ted" >Select the size...</option>
<optgroup label="Containe rs">
<option value="url/1" >1.0 L - $19.90</option>
<option value="url/2" >1.5 L - $29.85</option>
<option value="url/3" >2.0 L - $39.80</option>
<option value="url/4" >3.0 L - $59.70</option>
</optgroup>
</select ><br />
<input type="submit" value="Buy Now" / >
</form >

Now don't flip out this is a "Strict" XHTML site and I cannot change to "Transition al" therefore
Attribute names must be lower-case. This means that the typical JavaScript practice of capitalizing
parts of attribute names in HTML tags must go. So within tags onLoad becomes onload, onClick becomes
onclick and so on. This change should not break anything.

Also note that in Strict some elements are not allowed. For example, a form element may not have a
name= attribute, which makes it difficult to refer to by normal means. The workaround is to give
elements you want to refer to an id= attribute and then use the JavaScript getElementByID( ) function
to refer to them. The form itself does not need an id attribute, only the element you want to refer
to.

When I run this form I am taken to the action serversidehandl erurl.php site but the option url is
not selected. Also the window.open command does not function (i.e., a new window does not open).

Like I said I am a newbe to javascript and any help is appreciated. Thanks in advance...

Tom

[Tom]

Thank you Mike it worked like a charm! Thank you.

One last question. In the form, the first option is <option selected="selec ted" >Select the
size...</option>. I would like to exclude this option from the function.

Can you suggest a way to accomplish this such as:

if ([elem.selectedIn dex].value=0){
onsubmit="mypbc odes(this);retu rn false"
}

This doesn't work but you get the idea.

Tom

[Michael Winter]

On Mon, 19 Jan 2004 19:46:53 -0700, Tom <sa*******@cox. net> wrote:

Thank you Mike it worked like a charm! Thank you.
You're welcome.
One last question. In the form, the first option is <option
selected="selec ted" >Select the
size...</option>. I would like to exclude this option from the function.

Can you suggest a way to accomplish this such as:

if ([elem.selectedIn dex].value=0){
onsubmit="mypbc odes(this);retu rn false"
}

If the excluded option will *always* be the first option, then you can use
this in the function:

function mypbcodes( form ) {
var elem = form.elements['pblinks'];

if (elem.selectedI ndex) {
// selectedIndex is greater than 1
}

If the selected option is the first in the menu (index 0), code placed
where "// selectedIndex is greater than 1" is located above will be
ignored.

Hope that helps,
Mike

--
Michael Winter
M.******@blueyo nder.co.invalid (replace ".invalid" with ".uk" to reply)

[Tom]

Thank you once again. I do appreciate your help...

Tom