default selected item and field value

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Sarah West
    #1

    default selected item and field value

    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">Aust ralia
    <option value="1">USA
    <option value="58">Vene zuela
    </select>

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


    Tags: None
    • Lee
      #2
      Re: default selected item and field value

      Sarah West said:[color=blue]
      >
      >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">Aust ralia
      > <option value="1">USA
      > <option value="58">Vene zuela
      > </select>
      >
      > <input type="text" name="name">
      > <input type="hidden" name="number">
      > </form>
      >--[/color]

      <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.pr efix;
      box.form.name.v alue=defaultVal ue.name;
      box.form.number .value=defaultV alue.number;
      }else{ // clear the values if unchecked
      box.form.prefix .selectedIndex= 0;
      box.form.name.v alue="";
      box.form.number .value="";
      }
      }
      </script>
      <body>
      <form name="form1">

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

      <select name="prefix">
      <option value="off" selected>Select country</option>
      <option value="61">Aust ralia</option>
      <option value="1">USA</option>
      <option value="58">Vene zuela</option>
      </select>

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

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

        Comment

        • Sarah West
          #3
          Re: default selected item and field value

          Thank you Lee, that works great.

          I'm curious as to how it works?[color=blue]
          >box.form.name. value=defaultVa lue.name[/color]
          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.<elem ent>.<value>'?

          --
          Sarah West

          "Lee" <REM0VElbspamtr ap@cox.net> wrote in message
          news:bo6oqo01t7 @drn.newsguy.co m...[color=blue]
          > <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.pr efix;
          > box.form.name.v alue=defaultVal ue.name;
          > box.form.number .value=defaultV alue.number;
          > }else{ // clear the values if unchecked
          > box.form.prefix .selectedIndex= 0;
          > box.form.name.v alue="";
          > box.form.number .value="";
          > }
          > }
          > </script>[/color]


            Comment

            • Richard Cornford
              #4
              Re: default selected item and field value

              "Sarah West" <abc@hotmail.co m> wrote in message
              news:3fa7b686$0 $3501$afc38c87@ news.optusnet.c om.au...[color=blue]
              >I'm curious as to how it works?[color=green]
              > >box.form.name. value=defaultVa lue.name[/color]
              >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.<elem ent>.<value>'?[/color]

              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.


                Comment

                Previous template Next
                Working...