getElementsByName() generates undefined ouput value in a textbox

116 100+

I am passing a value through query string to a popup and then trying to pass it back to the main page... I store the value in a hidden input box

Expand|Select|Wrap|Line Numbers

 <input type="text" name="FromZip" id="FromZip" value="<% response.write(Request.QueryString("txtZipFr")) %>" />
 

and am passing it back through query string to the main page with

Expand|Select|Wrap|Line Numbers

 <script language="JavaScript" type="text/javascript">

   //<!--

    //opener.location.reload(true);

   //window.opener.location='bl_zip_sngl.asp?

   var x;

   x = document.getElementsByName("FromZip").value;

   alert(x);

    window.opener.location='bl_zip_sngl.asp?txtZipFr='+x

    self.close();

  // -->

</script>

It gives me undefined as the output, but when I do it like this

Expand|Select|Wrap|Line Numbers

 <script language="JavaScript" type="text/javascript">

   //<!--

    //opener.location.reload(true);

   //window.opener.location='bl_zip_sngl.asp?

   var x;

   document.getElementsByName("FromZip").value = 79797; //Only difference

   x = document.getElementsByName("FromZip").value;

   alert(x);

    window.opener.location='bl_zip_sngl.asp?txtZipFr='+x

    self.close();

  // -->

</script>

it at least returns a real value. Unfortunately I need to dynamically populate the box with what the user originally typed in.

Sep 4 '07 #1

Subscribe Post Reply

8107

pbmods

5,821

Expert 4TB

Changed thread title to better describe the problem (did you know that threads whose titles do not follow the Posting Guidelines actually get FEWER responses?).

Sep 4 '07 #2

Logician

210

100+

x = document.getElementsByName("FromZip").value;

Try reading:

Expand|Select|Wrap|Line Numbers

document.getElementsByName("FromZip")[0].value;

Otherwise you'll need to show the document.

Sep 4 '07 #3

rrocket

116

100+

I tried that, but it gave me a null or not an object error...

Sep 4 '07 #4

gits

5,390

Expert Mod 4TB

hi ...

when do you call the js? for all dom-methods the dom has to be read for use with js ... so to be sure you should do everything with the dom after the onload of the doc (body's onload) ... at this point the browser has loaded the docs-dom and you may use it reliably ...

kind regards

Sep 4 '07 #5

rrocket

116

100+

The javascript is called in the last statement just before everything is sent back to the main window... I am not sure that is what you are asking or not. I am mainly trying to pull just the values in the hidden text boxes. I know they are coming up since I have the input boxes set to text instead of hidden at the moment.

I can send the entire page if you think that will help.

Sep 4 '07 #6

gits

5,390

Expert Mod 4TB

it would help ... ;) ... but for simplicity ... and to simplify the problem for yourself you should try to create an example that contains the relevant things you have problems with ... during this simple step you might find out the problem for yourself and you will learn with every step you take in that direction ... i promise ... but you may also post the full code in case it is not TOO much ;))

kind regards

ps: try posts #3 solution again ... i think it should work ...

Sep 4 '07 #7

rrocket

116

100+

I pull most of the stuff that does not have anything to do with the issue... I can alway cut more out if needed.

Expand|Select|Wrap|Line Numbers

 
<%

    IF (request.Form("op") <> 1) THEN         

%>
 
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>Add A Description</title>

            </head>

    <body>
 
        <form action="AddNewDescription.asp" method="post" onsubmit="return validate_form()" name="newDescription">

        <!--<form action="BL_ZIP_SNGL.asp" method="post" onsubmit="return validate_form()" name="BL_Zip_Sngl">-->

            <table cellpadding="1" cellspacing="0" bgcolor="#000000" width="250">

                <tr>

                    <td>

                        <table width="100%" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF">

                            <tr bgcolor="#AC0636">

                                <td colspan="2" style="height: 15px"><span style="font-size: 9pt; font-family: @Arial Unicode MS; color: #ffffff;"><strong>

                                        Add a description</strong></span></td>

                            </tr>

                            <tr bgcolor="#FFFFFF" style="color: #000000">

                                <td>

                                    <strong><span style="font-size: 10pt; font-family: @Arial Unicode MS">Description:</span></strong></td>

                                <td style="text-align: right"><input type="text" name="description"/></td>

                            </tr>

                            <tr style="color: #000000">

                                <td>

                                    <span style="font-size: 10pt; font-family: @Arial Unicode MS"><strong>NMFC #:</strong></span>

                                 </td>

                                <td style="text-align: right"><input type="text" name="nmfc"/></td>

                            </tr>

                            <tr>  

                                <td width="100%" colspan="2" valign="top"><font size="2">If you need help with your NMFC # please call 1-866-633-8236</font></TD>                

                            </TR>

                            <tr bgcolor="#CCCCCC" style="color: #000000">

                                <td colspan="2" style="text-align: right"><input type="submit" value="Submit" /></td>

                            </tr>

                        </table>

                    </td>

                </tr>

            </table>

            <div>zipfr:<%response.write(Request.QueryString("txtZipFr"))%></div>

             <div>zipto:<%response.write(Request.QueryString("txtZipTo"))%></div>

             <input type="text" name="FromZip" id="FromZip" value="<%response.write(Request.QueryString("txtZipFr"))%>" />

             <input type="text" name="ToZip" id="ToZip" value="<%response.write(Request.QueryString("txtZipTo"))%>" />

            <input type="hidden" name="op" value="1" />

            <input type="hidden" name="id" value="<% response.write(Request.QueryString("id")) %>" />
 
        </form>

    </body>

</html>

<%

    ELSE

        DescAdd()

%>

<script language="JavaScript" type="text/javascript">

   //<!--

    //opener.location.reload(true);

   //window.opener.location='bl_zip_sngl.asp'

   //var x = 0;

   //document.getElementsByName('FromZip').value = 79797;

   vFromZip = document.getElementsByName("FromZip").value;

   vToZip = document.getElementsByName("ToZip").value;

   alert(vToZip);

    window.opener.location='bl_zip_sngl.asp?txtZipFr='+ vFromZip + '&txtZipTo=' + vToZip;

    self.close();

  // -->

</script>

<%

    END IF

%>

Sep 4 '07 #8

pbmods

5,821

Expert 4TB

Heya, Rocket.

Try post #3's solution.

document.getElementsByName() has "Elements" [plural] in it, which would imply that it is returning multiple Elements.

Sep 4 '07 #9

gits

5,390

Expert Mod 4TB

hi ...

as i said ... try posts #3 solution again:

Expand|Select|Wrap|Line Numbers

document.getElementsByName('whatever_name');

returns a collection (list) of elements ... so

Expand|Select|Wrap|Line Numbers

document.getElementsByName('whatever_name')[0].value;

returns the value of the first node with the given name ...

kind regards

Sep 4 '07 #10

rrocket

116

100+

It gave me a null or not an object error again...

I also tried using getElementById, but it gave me a object error. With or without the [0].

Sep 4 '07 #11

rrocket

116

100+

Here is a more concise version of what I posted before... Hopefully it helps.

Expand|Select|Wrap|Line Numbers

 
<%sLocId  = Session("UserLocationID")
 
%>
 
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>Add A Description</title>
 
    </head>

    <body>
 
        <form action="AddNewDescription.asp" method="post" onsubmit="return validate_form()" name="newDescription">

        <!--<form action="BL_ZIP_SNGL.asp" method="post" onsubmit="return validate_form()" name="BL_Zip_Sngl">-->

            <table cellpadding="1" cellspacing="0" bgcolor="#000000" width="250">

                <tr>

                    <td>

                        <table width="100%" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF">

                            <tr bgcolor="#CCCCCC" style="color: #000000">

                                <td colspan="2" style="text-align: right"><input type="submit" value="Submit" /></td>

                            </tr>

                        </table>

                    </td>

                </tr>

            </table>

            <div>zipfr:<%response.write(Request.QueryString("txtZipFr"))%></div>

             <div>zipto:<%response.write(Request.QueryString("txtZipTo"))%></div>

             <input type="text" name="FromZip" id="FromZip" value="<%response.write(Request.QueryString("txtZipFr"))%>" />

             <input type="text" name="ToZip" id="ToZip" value="<%response.write(Request.QueryString("txtZipTo"))%>" />

            <input type="hidden" name="op" value="1" />

            <input type="hidden" name="id" value="<% response.write(Request.QueryString("id")) %>" />
 
        </form>

    </body>

</html>
 
<script language="JavaScript" type="text/javascript">

   //<!--

    //opener.location.reload(true);

   //window.opener.location='bl_zip_sngl.asp'

   //var x = 0;

   //document.getElementsByName('FromZip').value = 79797;

   vFromZip = document.getElementsByName("FromZip").value;

   vToZip = document.getElementsByName("ToZip").value;

   alert(vToZip);// values for vToZip and vFromZip come up as undefined

alert(vFromZip);

    window.opener.location='bl_zip_sngl.asp?txtZipFr='+ '54321' + '&txtZipTo=' + '12345'; //Hard coded values reach the next page without an issue

    self.close();

  // -->

</script>

Sep 4 '07 #12

pbmods

5,821

Expert 4TB

Heya, Rocket.

Try using document.getElementById().

Sep 4 '07 #13

rrocket

116

100+

I also tried using getElementById, but it gave me a object error. With or without the [0]. I have tried just about everything that I can think of and am totally out of ideas at this point... I just cannot seem to get this to run dynamically.... It works fine when I apply a hardcoded value to the getElementsByName variables.

Sep 4 '07 #14

gits

5,390

Expert Mod 4TB

hi ...

i tested it now ... and put the script into a function that is called onclick of the submit button:

Expand|Select|Wrap|Line Numbers

 <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>Add A Description</title>
 
    </head>

    <body>
 
        <form action="AddNewDescription.asp" method="post" onsubmit="return validate_form()" 
 
name="newDescription">

        <!--<form action="BL_ZIP_SNGL.asp" method="post" onsubmit="return validate_form()" 
 
name="BL_Zip_Sngl">-->

            <table cellpadding="1" cellspacing="0" bgcolor="#000000" width="250">

                <tr>

                    <td>

                        <table width="100%" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF">

                            <tr bgcolor="#CCCCCC" style="color: #000000">

                                <td colspan="2" style="text-align: right"><input type="submit" 
 
value="Submit" onclick="return do_submit();"/></td>

                            </tr>

                        </table>

                    </td>

                </tr>

            </table>

            <div>zipfr:<%response.write(Request.QueryString("txtZipFr"))%></div>

             <div>zipto:<%response.write(Request.QueryString("txtZipTo"))%></div>

             <input type="text" name="FromZip" id="FromZip" 
 
value="<%response.write(Request.QueryString("txtZipFr"))%>" />

             <input type="text" name="ToZip" id="ToZip" 
 
value="<%response.write(Request.QueryString("txtZipTo"))%>" />

            <input type="hidden" name="op" value="1" />

            <input type="hidden" name="id" value="<% response.write(Request.QueryString("id")) %>" 
 
/>
 
        </form>

    </body>

</html>
 
<script language="JavaScript" type="text/javascript">

function do_submit() {

   //<!--

    //opener.location.reload(true);

   //window.opener.location='bl_zip_sngl.asp'

   //var x = 0;

   //document.getElementsByName('FromZip')[0].value = 79797;

   vFromZip = document.getElementsByName("FromZip")[0].value;

   vToZip = document.getElementsByName("ToZip")[0].value;

   alert(vToZip);// values for vToZip and vFromZip come up as undefined

alert(vFromZip);

    //window.opener.location='bl_zip_sngl.asp?txtZipFr='+ '54321' + '&txtZipTo=' + '12345'; //Hard coded values reach the next page without an issue

    //self.close();

  // -->

  return false;

}

</script>

note:

Expand|Select|Wrap|Line Numbers

 vFromZip = document.getElementsByName("FromZip")[0].value;

vToZip = document.getElementsByName("ToZip")[0].value;

works in my test ... it returns the value of the textboxes.

kind regards

ps: the function-thing is only for my test, you don't need it ... and i avoided the close of the window ... outcommented

Sep 5 '07 #15

getElementsByName() generates undefined ouput value in a textbox

Similar topics