请选择 进入手机版 | 继续访问电脑版

乐心屋资源分享论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 530|回复: 0

PHP更改颜色(switch-case)

[复制链接]

264

主题

264

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
10948
发表于 2022-9-5 20:51:23 | 显示全部楼层 |阅读模式
  1. <body>
  2. <?php
  3. if(isset($_POST['button'])) {
  4.         switch($_POST['color']){
  5.                 case '1':
  6.                         $color='#FF0000';        //红色
  7.                         break;
  8.                 case '2':
  9.                         $color='#009900';        // 绿色
  10.                         break;
  11.                 case '3':
  12.                         $color='#0000FF';        //蓝色
  13.                         break;
  14.                 default:
  15.                         $color='#000000';        //黑色
  16.         }
  17.         echo <<<str
  18.         <script type="text/javascript">
  19.         window.onload=function(){
  20.                 document.getElementById('shi').style.color='$color';
  21.         }
  22.         </script>
  23. str;
  24. }
  25. ?>

  26. <div id="shi">
  27.         锄禾日当午, <br />
  28.        
  29. 汗滴禾下土。 <br />
  30.        
  31. 谁知盘中餐, <br />
  32.        
  33. 粒粒皆辛苦。 <br />
  34. </div>
  35. <form method="post" action="">
  36.         <select name="color">
  37.                 <option value="0">请选择颜色</option>
  38.                 <option value="1">红色</option>
  39.                 <option value="2">绿色</option>
  40.                 <option value="3">蓝色</option>
  41.         </select>
  42.         <input type="submit" name="button" value="更改颜色">
  43. </form>
  44. </body>
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑子|栀子舒资源博客|乐心屋资源分享论坛 ( 皖ICP备2021007551号 )

GMT+8, 2023-11-30 19:02 , Processed in 0.052965 second(s), 27 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表