missing name attribute from dynamic input element

[Bosconian]

I'm attempting to submit a form via a function which dynamically creates a
hidden input:

function submitLocation( theForm) {
var e = document.create Element('input' );
e.setAttribute( 'type', 'hidden');
e.setAttribute( 'name', 'location');
e.setAttribute( 'value', '1');
var f = document.getEle mentById(theFor m);
f.appendChild(e );
document.forms[theForm].submit();
}

The function is called from an anchor's onclick event:

<form name='form1' method='post' action='action. php'>
<a onclick="submit Location('form1 ');">Submit</a>
</form>

However the function produces an input which is missing the name element:

<INPUT type=hidden value=1>

The desired output should be:

<INPUT type=hidden name=location value=1>

Can someone give me a clue? Thanks in advance.

[Kevin Darling]

Bosconian wrote:

I'm attempting to submit a form via a function which dynamically creates a
hidden input:

function submitLocation( theForm) {
var e = document.create Element('input' );
e.setAttribute( 'type', 'hidden');
e.setAttribute( 'name', 'location');
e.setAttribute( 'value', '1');
var f = document.getEle mentById(theFor m);
f.appendChild(e );
document.forms[theForm].submit();
}

Your code worked for me in IE6. I got a POST with "location = 1". If
it's not working for you, perhaps change "location" to a different
name, just in case somewhere else in your code it's getting mixed up
with window.location ?

Kev

[Randy Webb]

Bosconian said the following on 9/27/2006 10:19 PM:

I'm attempting to submit a form via a function which dynamically creates a
hidden input:

function submitLocation( theForm) {
var e = document.create Element('input' );
e.setAttribute( 'type', 'hidden');
e.setAttribute( 'name', 'location');
e.setAttribute( 'value', '1');

<snip>

Can someone give me a clue? Thanks in advance.

Don't use setAttribute, access the value directly:

e.name="locatio n";

Not sure "e" is a good choice of variable name either.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[Bosconian]

"Kevin Darling" <kd******@basit .comwrote in message
news:11******** **************@ d34g2000cwd.goo glegroups.com.. .

>
Bosconian wrote:

>I'm attempting to submit a form via a function which dynamically creates
a
hidden input:

function submitLocation( theForm) {
var e = document.create Element('input' );
e.setAttribute( 'type', 'hidden');
e.setAttribute( 'name', 'location');
e.setAttribute( 'value', '1');
var f = document.getEle mentById(theFor m);
f.appendChild(e );
document.forms[theForm].submit();
}

Your code worked for me in IE6. I got a POST with "location = 1". If
it's not working for you, perhaps change "location" to a different
name, just in case somewhere else in your code it's getting mixed up
with window.location ?

Kev

Thanks for your response and testing the code.

I extracted the code from my project and you're right, it does work in both
IE6 and Firefox.

The problem isn't with the syntax, variable names or parameter usage. I
didn't mention that this code is being used with Drupal and somehow the POST
data is being altered. I need to do some more investigating.

[Bosconian]

"Bosconian" <no****@nowhere .comwrote in message
news:v9******** *************** *******@comcast .com...

"Kevin Darling" <kd******@basit .comwrote in message
news:11******** **************@ d34g2000cwd.goo glegroups.com.. .

>>
Bosconian wrote:

>>I'm attempting to submit a form via a function which dynamically creates
a
hidden input:

function submitLocation( theForm) {
var e = document.create Element('input' );
e.setAttribute( 'type', 'hidden');
e.setAttribute( 'name', 'location');
e.setAttribute( 'value', '1');
var f = document.getEle mentById(theFor m);
f.appendChild(e );
document.forms[theForm].submit();
}

Your code worked for me in IE6. I got a POST with "location = 1". If
it's not working for you, perhaps change "location" to a different
name, just in case somewhere else in your code it's getting mixed up
with window.location ?

Kev

Thanks for your response and testing the code.

I extracted the code from my project and you're right, it does work in
both IE6 and Firefox.

The problem isn't with the syntax, variable names or parameter usage. I
didn't mention that this code is being used with Drupal and somehow the
POST data is being altered. I need to do some more investigating.

I couldn't get Drupal to behave nicely with the aforementioned method (which
works perfectly fine outside of Drupal) and opted instead to simply hardcode
the hidden input into the form and submit the form via an anchor hyperlink
like so:

<code>
<a href='javascrip t:form1.submit( )'>Submit</a>
</code>

[Randy Webb]

Bosconian said the following on 9/28/2006 10:53 AM:

<snip>

>
I couldn't get Drupal to behave nicely with the aforementioned method (which
works perfectly fine outside of Drupal) and opted instead to simply hardcode
the hidden input into the form and submit the form via an anchor hyperlink
like so:

<code>
<a href='javascrip t:form1.submit( )'>Submit</a>
</code>

Oh geez, from bad to worse.

http://jibbering.com/faq/#FAQ4_24

form1.submit() is an IE only coding habit.

If you want to submit a form, just use a submit button.....

--
Randy
Chance Favors The Prepared Mind
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/