title: How to remove an option from select element after it's been selected in another select element with javascript
body: <p>Thanks in advance for any help! 
  I have five select elements on the same form, and with the same options. I would like to have any selected option be removed from the other four select elements when the user clicks on them. I'm hoping to use a simple JS for this. Any advice would be great. Thanks!</p>
  
  <p>This is what I have tried so far</p>
  
  <p>JS:</p>
  
  <pre><code>&lt;script&gt;
      function removeSelected(obj){
      var sel1= document.getElementsByName('program1');
      var sel2= document.getElementsByName('program2');
      var sel3= document.getElementsByName('program3');
      var sel4= document.getElementsByName('program4');
      var sel5= document.getElementsByName('program5');
  
      obj.remove(sel1.selectedIndex);
      obj.remove(sel2.selectedIndex);
      obj.remove(sel3.selectedIndex);
      obj.remove(sel4.selectedIndex);
      obj.remove(sel5.selectedIndex);
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Where "program1, program2, etc." is the name of each select element</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;label for= "cName" class= "floatLabel"&gt;Please Select A Program&lt;span&gt;*&lt;/span&gt;&lt;/label&gt;
                     &lt;select name="program1" class="floatCtrl" id="cName" required="required" onchange="document.getElementById('program1_text').value=this.options[this.selectedIndex].text" onfocus=" removeSelected(this)"&gt;
                     &lt;option value="" selected&gt;  &lt;/option&gt;
                     &lt;option value="1"&gt;  Break Dancing 7/2/2013 $40.00&lt;/option&gt;
                     &lt;option value="2"&gt;  Guitar 7/10/2013 $40.00&lt;/option&gt;
                     &lt;option value="3"&gt;  Drums 7/12/2013 $40.00&lt;/option&gt;
                     &lt;option value="4"&gt;  Drawing 6/19/2013 $78.00&lt;/option&gt;
                     &lt;option value="5"&gt;  Watercolor Painting 6/19/2013 $78.00&lt;/option&gt;
                     &lt;option value="6"&gt;  Kids Art 8/7/2013 $30.00&lt;/option&gt;
                     &lt;option value="7"&gt;  Book Making 6/12/2013 $40.00&lt;/option&gt;
                     &lt;option value="8"&gt;  Writing 6/25/2013 $50.00&lt;/option&gt;
                     &lt;option value="9"&gt;  Dog Obedience 6/5/2013 $45.00&lt;/option&gt;
                     &lt;option value="10"&gt; Skateboarding 7/30/2013 $40.00&lt;/option&gt;
                     &lt;option value="11"&gt; Dodgeball 8/7/2013 $5.00&lt;/option&gt;
                     &lt;option value="12"&gt; Jumprope 8/6/2013 $25.00&lt;/option&gt;
                     &lt;option value="13"&gt; Swimming 6/2/13 $40.00&lt;/option&gt;
                     &lt;option value="14"&gt; Games 7/2/2013 $20.00&lt;/option&gt;
                     &lt;option value="15"&gt; Tennis 1 6/18/2013 $30.00&lt;/option&gt;
                     &lt;option value="16"&gt; Tennis 2 6/25/2103 $30.00&lt;/option&gt;
                     &lt;option value="17"&gt; Tennis 3 7/2/2013 $25.00&lt;/option&gt;
                     &lt;option value="18"&gt; Tennis 4 7/16/2013 $25.00&lt;/option&gt;
                     &lt;option value="19"&gt; Tennis 5 7/23/2013 $35.00&lt;/option&gt;
                         &lt;option value="20"&gt; Tumbling 5/23/2013 $25.00&lt;/option&gt;
                     &lt;option value="21"&gt; Backyard Discovery 7/20/2013 $5.00&lt;/option&gt;
                     &lt;option value="22"&gt; Applegate Discovery 7/27/2013 $10.00&lt;/option&gt;
                     &lt;option value="23"&gt; Mountain Adventure 8/3/2013 $10.00 &lt;/option&gt;                                                 
                     &lt;/select&gt;
  
                     &lt;input type="hidden" name="program1_text" id="program1_text" value="" /&gt;
  </code></pre>
  
  <p>I'm trying to call removeSelected(this) in the onfocus event.</p>