オプションで複数のテキストボックスを取得する際の問題を取得する

ユーザがオプションを選択したときに複数のテキストボックスを取得するためのjavascriptコードを作成しますが、オプションを選択すると1つのテキストボックスのみを選択できます。私はこのコードでどこが間違っているのか分かりません。あなたが条件オプションで複数のテキストボックスを取得する際の問題を取得する

<html> 
    <head> 
    <script type="text/javascript"> 
    function CheckColors(val){ 

    document.getElementById('mapp').style.display='block'; 
    } 

    </script> 
    </head> 
    <body> 
     <select name="postType" onchange='CheckColors(this.value);'> 
     <option>pick a color</option> 
     <option value="offer">Offer</option> 
     <option value="store">Store</option> 
     <option value="event">Event</option> 
     <option value="posting">Posting</option> 
     </select> 



    <div id="mapp" style="display:none;"> 
     <input type="text" name="Offer" id="offer" placeholder="OFFER" /> 
     <input type="text" name="Store" id="store" placeholder="STORE" /> 
     <input type="text" name="Event" id="event" placeholder="EVENT"/> 
     <input type="text" name="Posting" id="posting" placeholder="POSTING" /> 
     </div> 
    </body> 
    </html>

出典

2016-08-05 Rahul Raghav

変更入力タグ名を追加することができ、あなたのロジックに依存する=>名前は=に "[]オファー" 休憩

<html> <head> <script type="text/javascript"> function CheckColors(val){ /************************************************/ var element=document.getElementById('offer'); if(val=='color'||val=='offer') element.style.display='block'; else element.style.display='none'; /************************************************/ \t var element=document.getElementById('store'); if(val=='color'||val=='store') element.style.display='block'; else element.style.display='none'; \t /*********************************/ 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'; \t } </script> </head> <body> <select name="postType" onchange='CheckColors(this.value);'> <option>pick a color</option> <option value="offer">Offer</option> <option value="store">Store</option> <option value="event">Event</option> <option value="posting">Posting</option> </select> <input type="text" name="Offer" id="offer" placeholder="OFFER" style='display:none;'/> <input type="text" name="Offer" id="offer" placeholder="OFFER" style='display:none;'/> <input type="text" name="Store" id="store" placeholder="STORE" style='display:none;'/> <input type="text" name="Store" id="store" placeholder="STORE" style='display:none;'/> <input type="text" name="Event" id="event" placeholder="EVENT" style='display:none;'/> <input type="text" name="Event" id="event" placeholder="EVENT" style='display:none;'/> <input type="text" name="Posting" id="posting" placeholder="POSTING" style='display:none;'/> <input type="text" name="Posting" id="posting" placeholder="POSTING" style='display:none;'/> </body> </html>

– Rijin