dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: multi value drop down

  1. #1
    Join Date
    Nov 2009
    Posts
    1

    multi value drop down

    Hello All,

    Somewhat new to Javascript so bare with me.

    I am using multi value drop down (http://javascript.internet.com/forms...down-list.html) to alow my user to select options from from a drop down based on the previous selection.which than is added to a list of calculations to provide the user a total. (somewhat like a shopping cart). I have one instance of this code running on my page and it is working great. I need to use it again on the same page how ever I cannot get it to work. I have re-written the code mulitple times yet nothing.

    Can anybody shead some light on my issue, or suggest something else?

    Cheers,

    Jeff D

  2. #2
    Join Date
    Jun 2004
    Location
    Portsmouth UK
    Posts
    2,709
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
      <title></title>
    <script  type="text/javascript">
    /*<![CDATA[*/
    /* This script and many more are available free online at
    The JavaScript Source!! http://javascript.internet.com
    Created by: Jay Rumsey | http://www.nova.edu/~rumsey/ */
    function ShowReg() {
     var args=ShowReg.arguments;
     for (var obj,z0=1;z0<args.length;z0++){
      obj=document.getElementById(args[z0]);
      if (obj){
      obj.style.display='none';
     }
    
     }
     var obj=document.getElementById(args[args[0]]);
     if (obj){
      obj.style.display='block';
     }
    }
    
    /*]]>*/
    </script></head>
    
    <body>
    <select id="choice" onChange="ShowReg(this.selectedIndex,'Car','Boat','Plane')">
      <option value='0'>Select registration type
      <option value="1">Car
      <option value="2">Boat
      <option value="3">Plane
    </select>
    <br>
    <div id="Car" style="display:none">
      VIN No. <input type="text" id="VIN" value="">
    </div>
    <div id="Boat" style="display:none">
      Registration No. <input type="text" id="Breg" value="">
    </div>
    <div id="Plane" style="display:none">
      Tail No. <input type="text" id="Ptail" value="">
      Model <input type="text" id="Pmodel" value="">
    </div>
    
    <select id="choice1" onChange="ShowReg(this.selectedIndex,'Car1','Boat1')">
      <option value='0'>Select registration type
      <option value="1">Car
      <option value="2">Boat
    </select>
    <br>
    <div id="Car1" style="display:none">
      VIN No. <input type="text" id="VIN" value="">
    </div>
    <div id="Boat1" style="display:none">
      Registration No. <input type="text" id="Breg" value="">
    </div>
    
    </body>
    
    </html>
    Vic

    God loves you and will never love you less.

    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center