Need Help in select menu

Discussion in 'JavaScript' started by daforumde, Dec 21, 2009.

  1. #1
    Hi

    I have a form. In this form i have a pop down menu with 1,2,3,4,5 numbers in it. And after that i have 8 more form fields. what i want is when user select any number from pop down menu then these 8 fields should appear. for example when user select 2 from pop down menu then then these set of fields should appear twice i mean 8+8=16. and so on.

    my code is here
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>
    
    <body>
    <form id="form1" name="form1" method="post" action="">
      <p>
        <select name="jumpMenu" id="jumpMenu">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
        </select>
      </p>
      <p>
        Type :
        <select name="jumpMenu2" id="jumpMenu2" onchange="MM_jumpMenu('parent',this,0)">
          <option value="Delux">Delux</option>
          <option value="king">king</option>
          <option value="exe">exe</option>
        </select>
      </p>
      <p>
        <label>Number:
          <input name="textfield" type="text" id="textfield" size="5" />
        </label>
      </p>
      <p>
        <label>Name:
          <input type="text" name="textfield2" id="textfield2" />
        </label>
      </p>
      <p>Date Arr: 
        <label>
          <input type="text" name="textfield3" id="textfield3" />
        </label>
      </p>
      <p>Dep Date: 
        <label>
          <input type="text" name="textfield4" id="textfield4" />
        </label>
      </p>
      <p>
        <label>
          <input type="checkbox" name="checkbox" id="checkbox" />
          Extra</label>
      </p>
      <p>
        <label>
          <input type="checkbox" name="checkbox2" id="checkbox2" />
          Park</label>
      </p>
      <p>Remarks: 
        <label>
          <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
        </label>
      </p>
    </form>
    </body>
    </html>
    Code (markup):
     
    daforumde, Dec 21, 2009 IP