列表点击跳出文字

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>

    <body>
<div>

                <select id="color" οnchange="showFPA()">
                    <option value="说明">FPA</option>
                    <option value="红色">红色</option>
                    <option value="蓝色">蓝色</option>
                    <option value="黄色">黄色</option>
                    <option value="绿色">绿色</option>
                </select>
                <div id="msg">
                    FPA系统将人们的性格分为:红色、蓝色、黄色、绿色。人的性格是复杂的,因此一个人决不可能仅仅只受一种<br>
                    色彩来支配,四种色彩的综合才是对性格最完整的描述,只不过通常其中的一或两种色彩占主导位置。FPA也不<br>
                    仅仅只对职场范围的人际关系起作用,它也可以帮助我们解决生活、婚姻、家庭等全方位的人际关系。
                    
                </div>
    <script type="text/javascript">
        function showFPA(){
            //获取第一个文板框的数字
            let color = document.getElementById("color").value;
            let msg='';
            switch (color){
                case '红色':
                msg="红色——自由快乐,快乐的带动者。做事情的动机很大程度上是为了快乐,快乐是这些人的最大驱动力。他们积极、乐观,天赋超凡魅力,随性<br>而又善于交际。(外向的推动者).<br>"+
                "优势:阳光心态、积极快乐,激情澎湃、梦想万岁,热情开朗、喜欢交友,童心未泯、富有趣味,乐于助人、易忘仇恨,善于表达、调动气氛,真诚信任、感染四方,乐在变化、创新意识。<br>"+
                "劣势:聒噪咋呼、惹人厌烦,口无遮拦、缺少分寸,情绪波动、要死要活,冲动鲁莽、有力无谋,变化无常、随意性强,不守承诺、杂乱粗心,虎头蛇尾、缺乏自控,逃避责任、拒绝长大。<br>";
                    break;
                case '蓝色':
                msg="蓝色——完美严谨,最佳的执行者。持久深入的关系是他们这类人所着意建立和维系的。他们具有可贵的品质,对待朋友忠诚而诚挚,并在思想上深层次地关心和交流。(内向的思想者)。<br>"+
                "优势:思想深邃、独立思考,成熟稳重、安全放心,情感细腻、体贴入微,一诺千金、忠诚情谊,计划周详、注重规则,讲究精确、迷恋细节,考虑全面、善于分析,执著有恒、坚持到底。<br>"+
                "劣势:消极悲观、迂腐封闭,沉溺往事、郁闷难解,敏感多疑、脆弱自怜,心机深重、相处困难,要求苛刻、压抑紧张,死板固执、缺乏幽默,顾虑重重、行动缓慢,挑剔较真、化简为繁。<br>";
                    break;
                case '黄色':
                msg="黄色——果断坚定,有力的指挥者!这类人深层次的驱动力来自对目标的实现和完成。他们一般都具有前瞻性和领导能力,通常都有很强的责任感、决策力和自信心。(外向的领导者)。<br>"+
                "优势:目标导向、永无止境,求生欲望、战胜对方,斗天斗地、敢说敢做,坚定自信、毫不动摇,控制情绪、抗压力强,坦率直接、实用主义,快速决断、敢冒风险,抓大放小、高效行动。<br>"+
                "劣势:自以为是、死不认错,控制欲望、操纵心强,富攻击性、心存报复,缺乏耐心、脾气暴躁,强硬严厉、喜欢批判,一意孤行、刚愎自用,耻于休息、漠视平衡,自我中心、忽略他人。<br>";
                    break;
                case '绿色':
                msg="绿色——和谐宽容,和平的促进者。他们的核心本质是对和谐与稳定的追求,缺乏锋芒与棱角。他们宽容透明,通常都非常友善,适应性强,是很好的倾听者。(内向的倾听者)。<br>"+
                "优势:中庸之道、稳定低调,乐天知命、与世无争,毕生无火、巧卸冲突,镇定自若、处事不惊,天性宽容、耐心柔和,笑遍天涯、冷面幽默,先人后己、欲取先予,领导风格、以人为本。<br>"+
                "劣势:懦弱无刚、胆小怕事,纵容放任、姑息养奸,不思进取、拒绝改变,自信匮乏、没有主见,羞于拒绝、惹火烧身,逃避责任、能拖就拖,袖手旁观、越搅越黑,粉饰太平、迷失自我。<br>";
                    break;
            }
              document.getElementById("msg").innerHTML=msg;    
        }
    </script>        
    </body>

</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值