This.Form not working. 2

mbiro · Jul 28, 2005

Can anyone tell me why the first form works, but the send doesn't?

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript"></SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="text" NAME="mySelect">

<INPUT TYPE="BUTTON" NAME="upper" onClick="link(2,this.form)">
</FORM>

<FORM>

<INPUT TYPE="text" NAME="mySelect">

<a href="javascript:link(2,this.form)" onClick="link(2,this.form)">Upper</a>
</form>

</BODY>
</HTML>

cLFlaVA · Jul 28, 2005

the anchor tag is not a member of the form.

do this instead:

Code:

function link(theFormName) {
            var theSel = document.forms[theFormName].elements['mySelect'];
            theSel.value = theSel.value.toUpperCase();
        }

Code:

    <BODY>
        <FORM name="f1">
        <INPUT TYPE="text" NAME="mySelect">

        <INPUT TYPE="BUTTON" NAME="upper" onClick="link('f1');">
        </FORM>

        <FORM name="f2">

        <INPUT TYPE="text" NAME="mySelect">

        <a href="#" onClick="link('f2'); return false;">Upper</a>
        </form>

    </BODY>

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
[banghead]

tsuji · Jul 28, 2005

>[tt]<a href="javascript:link(2,this.form)" onClick="link(2,this.form)">Upper</a>[/tt]
The closest to perform is this.
[tt]<a href="javascript:void(0)" onClick="link(2,this.parentNode)">Upper</a>[/tt]

mbiro · Jul 28, 2005

Both of these worked great. Thank you.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

This.Form not working. 2

mbiro

Programmer

cLFlaVA

Programmer

tsuji

Technical User

mbiro

Programmer

Similar threads

Part and Inventory Search

Sponsor