jsp页面背景颜色

   请各位帮忙，用哪种方法可以实现以下功能。一个下拉菜单里面 有 蓝色，绿色，红色。通过按钮怎样可以实现页面显示自己所选择的颜色？希望大家给个实例，看看！谢了！           JSP代码

解决方案 »

  1.   

    onchange触发个js,js里面控制下style.backgroundColor就ok了
      

  2.   


    <%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Insert title here</title>
    </head>
    <script type="text/javascript">
    function changeColor(){
    var cid = document.getElementById("select").value;
    if(cid==1){
    document.body.bgColor="red";
    }
    if(cid==2){
    document.body.bgColor="yellow";
    }
    if(cid==3){
    document.body.bgColor="blue";
    }
    }</script>
    <body bgcolor="red">
    <select id= "select" onchange="changeColor();">
    <option value="1">红</option>
    <option value="2">黄</option>
    <option value="3">蓝</option>
    </select>
    </body>
    </html>
      

  3.   

    将你选择的值传给js即可
    <script type="text/javascript">
    function changeColor(){
        var cid = document.getElementById("select").value;
        if(cid != ""){
            document.body.bgColor=cid;
    }
    <body>
    <select id= "select" onchange="changeColor();">
        <option value="1">红</option>
        <option value="2">黄</option>
        <option value="3">蓝</option>
    </select>
    </body></script>
      

  4.   

    将你选择的值传给js即可 
    <script type="text/javascript"> 
    function changeColor(color){  
        if(color.value != ""){ 
            document.body.bgColor=color.value; 
    } 
    <body> 
    <select id= "select" onchange="changeColor(this);"> 
        <option value="red">红 </option> 
        <option value="yellow">黄 </option> 
        <option value="blue">蓝 </option> 
    </select> 
    </body> </script>