Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>JS Bin</title>
  </head>
  <body>
    <div id="satellites">
      <p><b>Satellite Choices</b>
        List your first, second, and third choices.  You will be given your first choice if it is not full.  ALL events have limited capacity. If you do not choose a satellite, one will be assigned for you.
        <label>First Choice*: </label>
        <select name="satellite1" id="firstchoice" required="required" onchange="clearOthers()">
          <option value="" disabled>Select</option>
          <option value="art">Art</option>
          <option value="basketball">Basketball</option>
          <option value="dance">Dance</option>
          <option value="drama">Drama</option>
          <option value="missions">Missions</option>
          <option value="photo1">Beginning Photography</option>
          <option value="photo2">Advanced Photography</option>
          <option value="rock_climbing">Rock Climbing</option>
          <option value="scrap-booking">Scrap-Booking</option>
          <option value="sgjr">Summer Games Jr. Training</option>
          <option value="soccer">Soccer</option>
          <option value="technology">Technology</option>
          <option value="ultimate">Ultimate Frisbee</option>
          <option value="video_games">Video Games</option>
          <option value="volleyball">Volleyball</option>
          <option value="water_park">Water Park</option>
        </select>
        
        
        <label>Second Choice*: </label>
        <select name="satellite2" id="secondchoice" required="required">
          <option value="" disabled>Select</option>
          <option value="art">Art</option>
          <option value="basketball">Basketball</option>
          <option value="dance">Dance</option>
          <option value="drama">Drama</option>
          <option value="missions">Missions</option>
          <option value="photo1">Beginning Photography</option>
          <option value="photo2">Advanced Photography</option>
          <option value="rock_climbing">Rock Climbing</option>
          <option value="scrap-booking">Scrap-Booking</option>
          <option value="sgjr">Summer Games Jr. Training</option>
          <option value="soccer">Soccer</option>
          <option value="technology">Technology</option>
          <option value="ultimate">Ultimate Frisbee</option>
          <option value="video_games">Video Games</option>
          <option value="volleyball">Volleyball</option>
          <option value="water_park">Water Park</option>
        </select>
        
        
        
        <label>Third Choice*: </label>
        <select name="satellite3" id="thirdchoice" required="required">
          <option value="" disabled>Select</option>
          <option value="art">Art</option>
          <option value="basketball">Basketball</option>
          <option value="dance">Dance</option>
          <option value="drama">Drama</option>
          <option value="missions">Missions</option>
          <option value="photo1">Beginning Photography</option>
          <option value="photo2">Advanced Photography</option>
          <option value="rock_climbing">Rock Climbing</option>
          <option value="scrap-booking">Scrap-Booking</option>
          <option value="sgjr">Summer Games Jr. Training</option>
          <option value="soccer">Soccer</option>
          <option value="technology">Technology</option>
          <option value="ultimate">Ultimate Frisbee</option>
          <option value="video_games">Video Games</option>
          <option value="volleyball">Volleyball</option>
          option value="water_park">Water Park</option>
      </select>
    
  </div>
</body>
</html>
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers