By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,742 Members | 793 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,742 IT Pros & Developers. It's quick & easy.

Change Form input text name=""

P: n/a
I am using

<script type="text/javascript">
function setAction(frm){
act = '';
for(x=0;x<frm.se.length;x++){
if(frm.se[x].checked){
act = frm.se[x].value;
}
}
if(act == 'MINE'){
frm.action = 'MYSEARCHENGINE.HTML';
}
else if(act == 'OTHER'){
frm.action = 'OTHERSEARCHENGINE.HTML';
}
else{
alert('Please choose an option');
return false;
}
}
</script>

to change the intended search engine with radio buttons.
That works well, however...
I also need to change the name="" of an <input type=text base on which
radio button is chosen.
The two searches require different names for that field.

Can someone please help me with this, or have a working example of one
text input field being submited to a choice of search engines.

Thank you very much in advance.
Devin

May 11 '06 #1
Share this Question
Share on Google+
13 Replies


P: n/a
ASM
dh*****@gmail.com a écrit :

That works well, however...
I also need to change the name="" of an <input type=text base on which
radio button is chosen.
The two searches require different names for that field.


<script type="text/javascript">
function setAction(frm){
act = '';
for(x=0;x<frm.se.length;x++){
if(frm.se[x].checked){
act = frm.se[x].value;
}
}
if(act == 'MINE'){
frm.action = 'MYSEARCHENGINE.HTML';
frm[0].name = 'search';
}
else if(act == 'OTHER'){
frm.action = 'OTHERSEARCHENGINE.HTML';
frm[0].name = 'find';
}
else{
alert('Please choose an option');
return false;
}
return true;
}
</script>

<form action="" onsubmit="return setAction(this)">
<input type=text value="Your search" onclick="this.value=''"> with
MYSEARCHENGINE: <input type=radio name="se" value="MINE"> or
OTHERSEARCHENGINE: <input type=radio name="se" value="OTHER">
<input type=submit value="GO">
</form>
--
Stephane Moriaux et son [moins] vieux Mac
May 11 '06 #2

P: n/a
Thank you for your quick response, but I'm afraid I may not have been
clear.

It is the <input type=text name="THISNAME" that I need to change based
on the radio selection.

May 11 '06 #3

P: n/a
To Be More Clear, here is all of the code I am using. See
CHANGE_WITH_RADIO_SELECTION to see what I need to change with radio
selection.

Thanks again
Devin

<script type="text/javascript">
function setAction(frm){
act = '';
for(x=0;x<frm.se.length;x++){
if(frm.se[x].checked){
act = frm.se[x].value;
}
}
if(act == 'MINE'){
frm.action = 'MYSEARCH';

}
else if(act == 'OTHER'){
frm.action = 'OTHERSEARCH';

}
else{
alert('Please choose an option');
return false;
}
}
</script>
<form action="" onsubmit="return setAction(this)">
<input type=text value="Your Search"
name="CHANGE_WITH_RADIO_SELECTION">
My Search
<input type=radio name="se" value="MINE">
Other Search
<input type=radio name="se" value="OTHER">
<input type=submit value="GO">
</form>

May 11 '06 #4

P: n/a
ASM
dh*****@gmail.com a écrit :
Thank you for your quick response, but I'm afraid I may not have been
clear.

It is the <input type=text name="THISNAME" that I need to change based
on the radio selection.


its name have no importance.
function catches this element by its index in the form frm collection

in previous example
<input type=text name="THISNAME"
has to be the first element after opening tag 'form'

<form action="" onsubmit="return setAction(this)">
<input type=text name="THISNAME" value="Your search"
onclick="this.value=''"> with
MYSEARCHENGINE: <input type=radio name="se" value="MINE"> or
OTHERSEARCHENGINE: <input type=radio name="se" value="OTHER">
<input type=submit value="GO">
</form>

--
Stephane Moriaux et son [moins] vieux Mac
May 11 '06 #5

P: n/a
ASM
dh*****@gmail.com a écrit :
To Be More Clear, here is all of the code I am using. See
CHANGE_WITH_RADIO_SELECTION to see what I need to change with radio
selection.


what are new names ?
here, in this example,
they'll be 'search' for mine and 'find' for other

<script type="text/javascript">
function setAction(frm){
act = '';
for(x=0;x<frm.se.length;x++){
if(frm.se[x].checked){
act = frm.se[x].value;
}
}
if(act == 'MINE'){
frm.action = 'MYSEARCHENGINE.HTML';
frm[0].name = 'search';
}
else if(act == 'OTHER'){
frm.action = 'OTHERSEARCHENGINE.HTML';
frm[0].name = 'find';
}
else{
alert('Please choose an option');
return false;
}
return true;
}
</script>
<form action="" onsubmit="return setAction(this)">
<input type=text value="Your Search"
name="CHANGE_WITH_RADIO_SELECTION">
My Search
<input type=radio name="se" value="MINE">
Other Search
<input type=radio name="se" value="OTHER">
<input type=submit value="GO">
</form>
Tested in Fx
--
Stephane Moriaux et son [moins] vieux Mac
May 11 '06 #6

P: n/a
dh*****@gmail.com said the following on 5/11/2006 11:27 AM:
To Be More Clear, here is all of the code I am using. See
CHANGE_WITH_RADIO_SELECTION to see what I need to change with radio
selection.


document.forms['formID'].elements['oldNameHere'].name = "newNameHere";

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
May 11 '06 #7

P: n/a
I'm very sorry. I do not want to change the Form Name, I want to change
the

<input type=text name="THIS"

The two searches that I am using require this text field to have
different names.

May 11 '06 #8

P: n/a
I Got it now, thank you. I missed the part where you said the text name
should be first after tag.

Thank you very much

May 11 '06 #9

P: n/a
dh*****@gmail.com said the following on 5/11/2006 11:49 AM:
I'm very sorry. I do not want to change the Form Name, I want to change
the

<input type=text name="THIS"

The two searches that I am using require this text field to have
different names.


Answer: They typically post without quoting.

I would give you the question but I would have to quote it first.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Question: How can you spot 90% of Google posters?
May 11 '06 #10

P: n/a
ASM
Randy Webb a écrit :
dh*****@gmail.com said the following on 5/11/2006 11:27 AM:
To Be More Clear, here is all of the code I am using. See
CHANGE_WITH_RADIO_SELECTION to see what I need to change with radio
selection.

document.forms['formID'].elements['oldNameHere'].name = "newNameHere";


and nextime ?
how to call back oldNameHere ?
(supposing location in a frame or other window)


--
Stephane Moriaux et son [moins] vieux Mac
May 11 '06 #11

P: n/a
ASM
dh*****@gmail.com a écrit :
I'm very sorry. I do not want to change the Form Name, I want to change
the

<input type=text name="THIS"

The two searches that I am using require this text field to have
different names.

EXACTELLY what that do !
Did you try it ?

--
Stephane Moriaux et son [moins] vieux Mac
May 11 '06 #12

P: n/a
> I'm very sorry. I do not want to change the Form Name, I want to change
the <input type=text name="THIS" The two searches that I am using require this text field to have
different names.


EXACTELLY what that do !
Did you try it ?

Yes, I have it now, I am sorry. I missed your post about having the
text field name first and that did the trick.

You have been very helpful to me and I truley appreciate it.

I am sorry to those of you who are upset about the Non-Quoting. I am
using google temporarily as I do not have a news reader installed on
this maching and it does not quote by default.

Thank you very much.
Devin

May 11 '06 #13

P: n/a
ASM said the following on 5/11/2006 12:02 PM:
Randy Webb a écrit :
dh*****@gmail.com said the following on 5/11/2006 11:27 AM:
To Be More Clear, here is all of the code I am using. See
CHANGE_WITH_RADIO_SELECTION to see what I need to change with radio
selection.

document.forms['formID'].elements['oldNameHere'].name = "newNameHere";


and nextime ?
how to call back oldNameHere ?
(supposing location in a frame or other window)


Then you can check the state of the Radio buttons to determine what the
name of the text input is. Or, you could save a reference to it. Or, you
could use the form index (as you did).

Yours suffers drawbacks as well if the author inadvertently adds a new
input before the desired one.

They both suffer, it is just a matter of which way you want to try to
protect yourself.

The simplest solution to it all is to simply hard code both fields that
are needed for the search engines and then use script to duplicate data.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
May 11 '06 #14

This discussion thread is closed

Replies have been disabled for this discussion.