Getting form details with a function

[paul]

Hi all,
Is there a way to access a forms details by sending its parameters to a
function. For example, I have a form
named "myForm" populated by a drop down box, so that <select
name="mySel">

I am trying to send the form and drop down box name to a javascript
function, eg onChange="updat e( "myForm", "mySel")
so that, within the Javascript update(formName , selName) function
I can access the forms doing something like this:

update(formName , selName)
{
selected_index = document.forms. formName.select edIndex;
selected_value = document.forms. formName.selNam e[selectedIndex];
}

so that I can access the specified value using the input arguments to
the function, rather than doing

selected_index = document.forms. myForm.selected Index;
selected_value = document.forms. myFormn.mySel[selectedIndex];

The reason for this is because I have a lot of drop box boxes that are
changed by the user.

Thanks in advance

Paul
--
http://www.paullee.com

[Jarmo]

<pa**@paullee.c om> wrote in message
news:11******** *************@l 41g2000cwc.goog legroups.com...

Hi all,
Is there a way to access a forms details by sending its parameters to a
function. For example, I have a form
named "myForm" populated by a drop down box, so that <select
name="mySel">

I am trying to send the form and drop down box name to a javascript
function, eg onChange="updat e( "myForm", "mySel")
so that, within the Javascript update(formName , selName) function
I can access the forms doing something like this:

update(formName , selName)
{
selected_index = document.forms. formName.select edIndex;
selected_value = document.forms. formName.selNam e[selectedIndex];
}

Some variant of the following would work.

<select name=fred onchange="docha nge(this)">
<option value="bob">Bob
<option value="jim">Jim
</select>

function dochange(elt)
{
alert(elt.value );
}

[Randy Webb]

pa**@paullee.co m wrote:

Hi all,
Is there a way to access a forms details by sending its parameters to a
function. For example, I have a form
named "myForm" populated by a drop down box, so that <select
name="mySel">

I am trying to send the form and drop down box name to a javascript
function, eg onChange="updat e( "myForm", "mySel")
so that, within the Javascript update(formName , selName) function
I can access the forms doing something like this:

update(formName , selName)
{
selected_index = document.forms. formName.select edIndex;
selected_value = document.forms. formName.selNam e[selectedIndex];
}

so that I can access the specified value using the input arguments to
the function, rather than doing

selected_index = document.forms. myForm.selected Index;
That one won't give you what you are after unless the form is named
forms and the select is named myForm
selected_value = document.forms. myFormn.mySel[selectedIndex];
The reason for this is because I have a lot of drop box boxes that are
changed by the user.

You start with this groups FAQ, and some of its notes.

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

function update(formName , selName){
var frm = document.forms[formName];
var selectElement = frm.elements[selName];
var selectIndex = selectElement.o ptions[selectElement.s electedIndex]
var selectValue = selectIndex.val ue;
}

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly

[paul]

Hi,
I read the FAQ and it answered some questions, but I am still having
some problems.

I've tried your suggestion, but I still get problems. My code is as
follows
(just for one drop-down box at the moment)

<script type="text/javascript">
function updateStuff(for mName,selName)
{
var frm = document.forms[formName];
var selectElement = frm.elements[selName]; <!-- error here -->
var selectIndex = selectElement.o ptions[selectElement.s electedIndex];
var selectValue = selectIndex.val ue;

alert(selectVal ue);

}
</script>
<form action="ViewAll ocation.php" name="myForm">
<select name="mySel" onChange="updat eStuff(myForm,m ySel)">
<option value="abc">abc </option>
<option value="12">12</option>
<option value="18">18</option>
</select>
</form>

</BODY>
</HTML>

Basically, it gets to the indicated line and then I get an error
message saying " 'elements' is null or not an object "

TIA

Paul

[Evertjan.]

wrote on 24 feb 2005 in comp.lang.javas cript:

I've tried your suggestion

This is NOT email, but Usenet.

Please quote where you're responding on, or
email your response privatly to the one you are calling "you".
--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

[Mick White]

pa**@paullee.co m wrote:

Hi,
I read the FAQ and it answered some questions, but I am still having
some problems.

I've tried your suggestion, but I still get problems. My code is as
follows
(just for one drop-down box at the moment)

<script type="text/javascript">
function updateStuff(for mName,selName)
{
var frm = document.forms[formName];
var selectElement = frm.elements[selName]; <!-- error here -->
var selectIndex = selectElement.o ptions[selectElement.s electedIndex];
var selectValue = selectIndex.val ue;

alert(selectVal ue);

}
</script>
<form action="ViewAll ocation.php" name="myForm">
<select name="mySel" onChange="updat eStuff(myForm,m ySel)">

You need to pass form name and select name to the updateStuff function,
which are strings.

onChange="updat eStuff('myForm' ,'mySel')"

I don't see any value in what you're doing, though.

[snip]

Mick

[Randy Webb]

pa**@paullee.co m wrote:

Hi,
I read the FAQ and it answered some questions, but I am still having
some problems.
You missed part of it. It talks of quoting what you are replying to so
that the people who read it know what you are referring to.
I've tried your suggestion, but I still get problems. My code is as
follows
(just for one drop-down box at the moment)

<script type="text/javascript">
function updateStuff(for mName,selName)
{
var frm = document.forms[formName];
var selectElement = frm.elements[selName]; <!-- error here -->
var selectIndex = selectElement.o ptions[selectElement.s electedIndex];
var selectValue = selectIndex.val ue;

alert(selectVal ue);

}
</script>
<form action="ViewAll ocation.php" name="myForm">
<select name="mySel" onChange="updat eStuff(myForm,m ySel)">
onChange="updat eStuff('myForm' ,'mySel')"

or:

onChange="updat eStuff(this.for m,this)"
I prefer the second but it changes your function a little bit. With the
above, it would become something like this:

function updateStuff(for mRef,selRef){
//No need to define frm, you have a reference
//to it already in formRef. Same goes for selectIndex
//It is passed as selRef. What you end up with is this:

var selectValue = selName.value;
}
<option value="abc">abc </option>
<option value="12">12</option>
<option value="18">18</option>
</select>
</form>

</BODY>
</HTML>

Basically, it gets to the indicated line and then I get an error
message saying " 'elements' is null or not an object "

See Above.
--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly
Answer:It destroys the order of the conversation
Question: Why?
Answer: Top-Posting.
Question: Whats the most annoying thing on Usenet?