title: Getting issue on getting multiple textbox on option select with javascript
body: <p>I write a javascript code for getting multiple textboxs when a user select option but when i select a option i am able to select only one textbox. I do not know where i am wrong in this code.</p>
  
  <p>Adding in snippet</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt; 
  &lt;head&gt;  
   &lt;script type="text/javascript"&gt;
  function CheckColors(val){
  /************************************************/
   var element=document.getElementById('offer');
   if(val=='color'||val=='offer')
     element.style.display='block';
   else  
     element.style.display='none';
  /************************************************/
   
  var element=document.getElementById('store');
   if(val=='color'||val=='store')
     element.style.display='block';
   else  
     element.style.display='none';
      
  
  /*********************************/
  var element=document.getElementById('event');
   if(val=='color'||val=='event')
     element.style.display='block';
   else  
     element.style.display='none';
  /*********************************/
  var element=document.getElementById('posting');
   if(val=='color'||val=='posting')
     element.style.display='block';
   else  
     element.style.display='none';
      
  }
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;select name="postType" onchange='CheckColors(this.value);'&gt; 
      &lt;option&gt;pick a color&lt;/option&gt;  
      &lt;option value="offer"&gt;Offer&lt;/option&gt;
      &lt;option value="store"&gt;Store&lt;/option&gt;
      &lt;option value="event"&gt;Event&lt;/option&gt;
      &lt;option value="posting"&gt;Posting&lt;/option&gt;
    &lt;/select&gt;
  &lt;input type="text" name="Offer" id="offer" placeholder="OFFER" style='display:none;'/&gt;
  &lt;input type="text" name="Offer" id="offer" placeholder="OFFER" style='display:none;'/&gt;
  
  &lt;input type="text" name="Store" id="store" placeholder="STORE" style='display:none;'/&gt;
  &lt;input type="text" name="Store" id="store" placeholder="STORE" style='display:none;'/&gt;
  
  &lt;input type="text" name="Event" id="event" placeholder="EVENT" style='display:none;'/&gt;
  &lt;input type="text" name="Event" id="event" placeholder="EVENT" style='display:none;'/&gt;
  
  &lt;input type="text" name="Posting" id="posting" placeholder="POSTING" style='display:none;'/&gt;
  &lt;input type="text" name="Posting" id="posting" placeholder="POSTING" style='display:none;'/&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>