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 ikuai客户端多拨vpn，重启总是有个别重拨不上
  • ¥20 关于#anlogic#sdram#的问题，如何解决？(关键词-performance)
  • ¥15 相敏解调 matlab
  • ¥15 求lingo代码和思路
  • ¥15 公交车和无人机协同运输
  • ¥15 stm32代码移植没反应
  • ¥15 matlab基于pde算法图像修复，为什么只能对示例图像有效
  • ¥100 连续两帧图像高速减法
  • ¥15 如何绘制动力学系统的相图
  • ¥15 对接wps接口实现获取元数据