asked on

Two hidden input with the same name within different forms on the same page bugs !

Hi experts,

I have a webpage which there is two generated forms on it where both have a field named notype.

When i try to get the value of this hidden input from javascript, I got undefined. Both forms have different names and ids.

If you want to try it, go to :
http://www.cints.net/PHP/affpage.php
Connect yourselft using the two textboxes at the top with :
Username (firstbox) : TE1
Password (secondbox) : t

From there, you can click on this link :
http://www.cints.net/PHP/affpage.php?file=searchemploye

The lastest button called "Rechercher" is the second form on the page with the Sondage form.
So, if you click on this button "Rechercher", you will get a first alert, then a second which tells you the value of the notype input.

If I remove the first form (Sondage form), then the problem is fixed. I'd like to be able to keep the same name, which I think can usually be achieve due to the existance of the function getElementsByName (Elements, the s is key). So, could someone tells me where I'm wrong.

This testing has been done with IE7.

SOLUTION

mudskipperw

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

djon2003

ASKER

The forms already have two differents names and ids : they are "sondageform" & "searchform".

The button "Rechercher" is calling this javascript function :
function searchUnite(ObjID) {
objUnitesRequest = new Request();
SaveUniteFromForm(ObjID,true);

alert(curUnite.jsonData.toJSONString());
objUnitesRequest.httpRequest("POST", "UnitesManager.php", false , uniteSearched, "page=searchunite&searchingUnite=" + encodeURIComponent(curUnite.jsonData.toJSONString()));
}

The bug is happening in the other function called SaveUniteFromForm. I'll give you only the beginning because this is something quiete big, but the problem happens at the beginning anyway.

So as you can see in the code above & below, the button calls a javascript function with his button Id as parameter. Then this param is passed to the function SaveUniteFromForm and this function create a new var called Obj which is the HTML element represented by this ID. (The button).

More, as said in the first post, If I remove the "Sondage" form (the other one) than my problem is solved. (just a reminder)

function SaveUniteFromForm(ObjID,ForSearch) {
   if (ForSearch == undefined) ForSearch = false;
    var Obj = document.getElementById(ObjID);
 
    curUnite.jsonData = new Object();
    alert(1);
    alert(Obj.form.notype.value);
    curUnite.jsonData.NoUnite = Obj.form.nounite.value;
    curUnite.jsonData.NoType = Obj.form.notype.value;
    alert(curUnite.jsonData);
 
..... not useful for the problem.

Open in new window

djon2003

ASKER

Excuse me for this useless question, but I discovered that I faulty not correctly closed the sondage form tag.

ASKER CERTIFIED SOLUTION

djon2003

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

mudskipperw

alright, 20 points then.

this msg is not an objection, but when i looked at your page and the source code, you didn't give any form any names.
in your SaveUniteFromForm, ObjID would have to be document, to be able to make the following line
alert(Obj.form.notype.value);

still when you didn't name a form as "form", that line is going to fail the program. alternatively, you can call forms as an array
document.forms

--- "points" is not what a program is after but getting the program working. hehehe agree?

//your function...
function SaveUniteFromForm(ObjID,ForSearch) {
if (ForSearch == undefined) ForSearch = false;
var Obj = document.getElementById(ObjID);

curUnite.jsonData = new Object();
alert(1);
alert(Obj.form.notype.value);

djon2003

ASKER

Two things :
1- Up to now, I always gave all the points, but now the problem was not located there and I mostly sure that the forms were named. Anyhow, if you have the chance to answer another question I'll have in the future, for you'll certainly have all the points.

2- Obj is the button and using Obj.form is accessing the form of this button, so no name is required there. It is a special property of the inputs of a form.