accessing the form elements from jscript

nirmalgupta · Oct 29, 2001

Hi,
I am facing the problem in accessing the form element from javascript. This is because the names of the elements have "." in between. this is a sample code which gives error.
<HTML><HEAD></HEAD><BODY>
<FORM METHOD=POST ACTION="">
<INPUT TYPE="text" NAME="jrs.somthing$text1">
<input type = button value = click onClick = fun()>
</FORM>
<SCRIPT LANGUAGE="JavaScript">
function fun () {
alert ( "value iin text is : "+ document.forms[0].jrs.somthing$text1.value );
}
</SCRIPT></BODY></HTML>

Is there any other way to access the elements from there name.or any method? id tag does not work with netscape4.5 .
rgds
Nirmal

ToddWW · Oct 29, 2001

Yup.. Same way you're accessing your form. If you know the index number of the element ..

Code:

function fun () { alert ( "value iin text is : "+ document.forms[0].elements[0].value ); }

This would be the proper index in the example above since you have only one element.

You may still run into problems using that naming convention. If the index number of that element changes dynamically and there is no way for you to know it in your JavaScript, let me know. I have a script that will loop through all of the elements in the form and grab just the one with a specific string in the name instead of trying to access the entire name, which in your case is not working.

ToddWW

nirmalgupta · Oct 29, 2001

thanx,
actually in my program i am using this looping funda for elements. but there is a place where i don't have this option too.
is there any other way to access names and then actually using names in javascript.
rgds
Nirmal

ToddWW · Oct 29, 2001

Here, take a look at this.

var alertext
for (var m = 0; m < document.forms[0].elements.length; m++) {
if (document.forms[0].elements[m].name.indexOf("xyz") >= 0) {
alerttext = document.forms[0].elements[m].value
}
}
alert ( "value iin text is : "+ alerttext );

This loops through all of the elements in the form looking for an element name that contains a specific string. When it finds it, it will store the value of that element to alerttext which you can reference in your alert() method.

Does this make sense ??

It works well, and I use it all the time.

ToddWW

nirmalgupta · Oct 29, 2001

thanx yaar,
actually html page is generated by some some other software , in case of my code using jsp. now name of these elements comes from an array of java code. what i have to do is , when a perticular element comes, i have to associate a calender with that element. to associate a calender, i have to call a method of that calender,which takes that element as parameter.
the jsp code which generates this is something like this:
for (int i = 0; i < sz; i++) {
desc = (ParamInfo)params.elementAt(i);
String pmt = desc.getPrompt();
%>
<TR><TD class= clsDataLabel>
<INPUT type="text" name="<%= APIConst.TAG_PARAM_PREFIX + desc.getName()%>"value="<%= desc.getDefaultValue()%>" id="<%= tn%>">
<!--
<% if ( (desc.getName()).indexOf ("date&quot

!= -1 ) {%>
<A href="javascript:show_calendar('forms[0].<%= APIConst.TAG_PARAM_PREFIX + desc.getName()%>','DD-MON-YYYY');" onmouseover="window.status='Date Picker';return true;" onmouseout="window.status='';return true;">kfldfl;dlf</A><%}%> -->

now i have found out the element, but I have to pass this element in the form of
show_calendar('forms[0].<%= APIConst.TAG_PARAM_PREFIX + desc.getName()%>','DD-MON-YYYY');"

now this is the problem i am facing and some how i want to pass this value to javascript function.

i think , now problem is clearer to you. please help me in this specific problem.
rgds
nirmal

ToddWW · Oct 29, 2001

Sure, can you just do this when generating the page.

var alertext
for (var m = 0; m < document.forms[0].elements.length; m++) {
if (document.forms[0].elements[m].name.indexOf("<%= APIConst.TAG_PARAM_PREFIX + desc.getName()%>&quot >= 0) {
alerttext = document.forms[0].elements[m].value
}
}
alert ( "value iin text is : "+ alerttext );

You're getting a little over my head here with the JSP, but you can have JSP or ASP or whatever write some or all of the JavaScript for you like I have shown above.

ToddWW

nirmalgupta · Oct 29, 2001

thanx ,
I have concern in this method.Page has around 60 elements, and to have all validation + calender facality, I have to run loops atleast three time. My belief is, this will hamper the performance. Am I right or wrong. please correct me.
regards
Nirmal

ToddWW · Oct 30, 2001

No, that will not hamper performance. JavaScript will blow through those loops before you can even count to one.

ToddWW

nirmalgupta · Nov 11, 2001

Hi finally i got the solution i wanted.
try this
document.forms[0].elements['nirmal.gupta'].value

this works

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!

accessing the form elements from jscript

nirmalgupta

IS-IT--Management

ToddWW

Programmer

nirmalgupta

IS-IT--Management

ToddWW

Programmer

nirmalgupta

IS-IT--Management

ToddWW

Programmer

nirmalgupta

IS-IT--Management

ToddWW

Programmer

nirmalgupta

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor