title: Reset Multiple Select Options
body: <p>So I am using a find_select() function in javascript, and what I would like to have happen, is when a particular select option is changed, have it reset all other possible select options beyond the first one. Here's the snippet of code for the function as well as the select option that I would like to reset everything else.</p>
  
  <pre><code>function find_select(){
  if (document.getElementById("nsp").selected == true){
  
          if (document.getElementById("pre_alerts_yes").selected == true){
              document.getElementById('house_form').style.display = 'none';
              document.getElementById('nsp_form').style.display = 'block';
              document.getElementById('pre_alerts_yes_form').style.display = 'block';
              document.getElementById('feedback_form').style.display = 'none';
          }
          else{
              document.getElementById('house_form').style.display = 'none';
              document.getElementById('nsp_form').style.display = 'block';
              document.getElementById('feedback_form').style.display = 'none';
          }
  }
  else if (document.getElementById("feedback").selected == true)
  {
      document.getElementById('house_form').style.display = 'none';
      document.getElementById('nsp_form').style.display = 'none';
      document.getElementById('feedback_form').style.display = 'block';
  }
  else if (document.getElementById("house").selected == true)
  {
      document.getElementById('house_form').style.display = 'block';
      document.getElementById('nsp_form').style.display = 'none';
      document.getElementById('feedback_form').style.display = 'none';
  }   
  else{
      document.getElementById('house_form').style.display = 'none';
      document.getElementById('nsp_form').style.display = 'none';
      document.getElementById('feedback_form').style.display = 'none';
  }
  }
  </code></pre>
  
  <p>And the html code:</p>
  
  <pre><code> &lt;label for="input_title"&gt;Phone Type:&lt;/label&gt;
   &lt;select name="phone_type" id="select_form" class="input-block-level" onchange="find_select()"&gt;
     &lt;option id="blank" value="blank"&gt;&lt;/option&gt;
     &lt;option id="house" value="1"&gt;House Phone&lt;/option&gt;
     &lt;option id="nsp" value="2"&gt;Normal Cell (Non Smart Phone)&lt;/option&gt;
         &lt;option id="feedback" value="3"&gt;SmartPhone&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>As an example of what happens is this. If a user select "House Phone" another drop down appears based on that selection, and they can then select something within it. But, if the user changes his mind and wants to do say Smart Phone, the selection boxes that opened up for House Phone then disappear and the new selection boxes for Smart Phone appear. But the options they choice for House Phone, that have now disappeared, are still selected and would be posted. I'd like to reset all values based on that html above for a selection and that should then assure that only the right options are posted, with nothing extra. The examples I've found don't appear to be working in conjunction with what I have.</p>
  
  <p>Thanks</p>