title: Show different div files while selecting different Select options
body: <p>I have a Html file, where as per the input from Select file, I need to display some options.</p>
  
  <p>So when I select Android or iOS, I need to show certain options and When I select Mac or Windows, some other options I need to show. I made the options into a div file.</p>
  
  <p>so my javascript will look like </p>
  
  <pre><code>function checkvalue(val)
  {
      if(val==="Android" || "iOS")
      {
          document.getElementById('mobile_device').style.display='none';
      }
      else 
      {
          document.getElementById('mobile_device').style.display='none'; 
      }
  
      if(val==="Windows " || "Mac ")
      {
          document.getElementById('desktop_device').style.display='block';
      }
      else 
      {
          document.getElementById('desktop_device').style.display='none'; 
      }
  }
  </code></pre>
  
  <p>In Html </p>
  
  <pre><code>&lt;b&gt;Device Type : &lt;/b&gt;&lt;select name = "type" id="type"  onchange='checkvalue(this.value)' select style="width:150px ; height:25px"&gt;&lt;option&gt;Android&lt;/option&gt;&lt;option&gt;iOS&lt;/option&gt;&lt;option&gt;Windows&lt;/option&gt;&lt;option&gt;Mac&lt;/option&gt;&lt;option&gt;General&lt;/option&gt;&lt;/select&gt;
  
  
      &lt;div id="mobile_device" style="display:none;"&gt;&lt;font size="3"&gt;&lt;b&gt;Select the mobiles &lt;/b&lt;/font&gt;
      &lt;/br&gt;&lt;/br&gt;
  
      &lt;/div&gt;
      &lt;div id="desktop_device" style="display:none;"&gt;
      &lt;font size="3"&gt;&lt;b&gt;Select the desktops :&lt;/b&gt;&lt;/font&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>But Its not showing properly. Whatever I select its showing the Desktop div only. Where am I wrong ?</p>