dsf45346 2016-08-05 12:57
浏览 36
已采纳

在使用javascript选择选项上获取多个文本框时出现问题

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.

Adding in snippet

<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';
/************************************************/
    
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';
       
}

</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>

</div>
  • 写回答

1条回答 默认 最新

  • duanou9758 2016-08-05 13:32
    关注

    Rest depending upon your logic you can add the conditions

     <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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 远程桌面文档内容复制粘贴，格式会变化
  • ¥15 关于#java#的问题：找一份能快速看完mooc视频的代码
  • ¥15 这种微信登录授权 谁可以做啊
  • ¥15 请问我该如何添加自己的数据去运行蚁群算法代码
  • ¥20 用HslCommunication 连接欧姆龙 plc有时会连接失败。报异常为“未知错误”
  • ¥15 网络设备配置与管理这个该怎么弄
  • ¥20 机器学习能否像多层线性模型一样处理嵌套数据
  • ¥20 西门子S7-Graph,S7-300，梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题