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

default selected item and field value

P: n/a
Hi,

I have the following problem;

This is my form, i would like to default the select box to USA, and default
the text field to a name such as 'Sarah' and the hidden field to another
number like '876543', when the user clicks on the check box, otherwise the
fields should be blank, the value of the select box dosnt matter much, only
that it defaults to USA, when the user checks it. Can anyone help? i have
tried a google with no luck, anything would be appreciated.
--
<form name="form1">
<input type="checkbox" name="checkbox" value="checkbox">

<select name="prefix">
<option value="off" selected>Select country
<option value="61">Australia
<option value="1">USA
<option value="58">Venezuela
</select>

<input type="text" name="name">
<input type="hidden" name="number">
</form>
--
Sarah West
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Lee
Sarah West said:

Hi,

I have the following problem;

This is my form, i would like to default the select box to USA, and default
the text field to a name such as 'Sarah' and the hidden field to another
number like '876543', when the user clicks on the check box, otherwise the
fields should be blank, the value of the select box dosnt matter much, only
that it defaults to USA, when the user checks it. Can anyone help? i have
tried a google with no luck, anything would be appreciated.
--
<form name="form1">
<input type="checkbox" name="checkbox" value="checkbox">

<select name="prefix">
<option value="off" selected>Select country
<option value="61">Australia
<option value="1">USA
<option value="58">Venezuela
</select>

<input type="text" name="name">
<input type="hidden" name="number">
</form>
--


<html>
<head>
<script type="text/javascript">
var defaultValue={ prefix:2, name:"Sarah", number:876543 };
function setDefaults(box){
if(box.checked){
box.form.prefix.selectedIndex=defaultValue.prefix;
box.form.name.value=defaultValue.name;
box.form.number.value=defaultValue.number;
}else{ // clear the values if unchecked
box.form.prefix.selectedIndex=0;
box.form.name.value="";
box.form.number.value="";
}
}
</script>
<body>
<form name="form1">

<input type="checkbox"
name="checkbox"
value="checkbox"
onclick="setDefaults(this)">

<select name="prefix">
<option value="off" selected>Select country</option>
<option value="61">Australia</option>
<option value="1">USA</option>
<option value="58">Venezuela</option>
</select>

<input type="text" name="name">
<input type="hidden" name="number">

</form>
</body>
</html>

Jul 20 '05 #2

P: n/a
Thank you Lee, that works great.

I'm curious as to how it works?
box.form.name.value=defaultValue.name The name of my form is 'form1', and the name of my checkbox is called
'checkbox', how can you refer to it in such generic terms eg
'box.form.<element>.<value>'?

--
Sarah West

"Lee" <RE**************@cox.net> wrote in message
news:bo********@drn.newsguy.com... <html>
<head>
<script type="text/javascript">
var defaultValue={ prefix:2, name:"Sarah", number:876543 };
function setDefaults(box){
if(box.checked){
box.form.prefix.selectedIndex=defaultValue.prefix;
box.form.name.value=defaultValue.name;
box.form.number.value=defaultValue.number;
}else{ // clear the values if unchecked
box.form.prefix.selectedIndex=0;
box.form.name.value="";
box.form.number.value="";
}
}
</script>

Jul 20 '05 #3

P: n/a
"Sarah West" <ab*@hotmail.com> wrote in message
news:3f**********************@news.optusnet.com.au ...
I'm curious as to how it works?
box.form.name.value=defaultValue.name

The name of my form is 'form1', and the name of my checkbox
is called 'checkbox', how can you refer to it in such generic
terms eg 'box.form.<element>.<value>'?


box is a reference to a form element (the checkbox, the - this - object
within the onclick event handling method) and all form elements have a
property with the name "form" that is a reference to the form that
contains them.

So the onclick function passes the - setDefaults - function a reference
to the checkbox as - this -, the function receives that reference as
ts - box - parameter and can then refer to the containing form as -
box.form -, and can use that reference to the form exactly as it may use
any other reference to a form such as - document.forms['form1'] - .

Incidentally, "name" is not a good name for a form element as the form
object already has a property with the name "name" which holds the
string value provided in the HTML NAME attribute for the form ("form1").
Creating an element with the name "name" will result in the expected
string "name" property of the form being replaced with the reference to
the element. That is not a problem in this case as none of your code is
interested in the (original string) "name" property of the form, but
giving form elements NAME (or ID) attributes that correspond with
existing form element named properties is a habit that will eventually
come back and kick you. JavaScript is case sensitive and form property
names are entirely initial lower case so something as simple as always
making form element NAME attributes have initial capitals would be
sufficient to avoid any naming conflicts within the form.

Richard.
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.