html根据下拉框选中的值修改背景颜色
错误的写法
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>根据下拉框选中的值修改背景颜色</title>
<script type="text/javascript">
function changecolo(colo){//要有返回值
var color=colo.value;
alert(color)
if(color="red"){
document.bgcolor="#FF0000"
}
if(color="yellow"){
document.bgcolor="#FFFF00"
}
if(color="green"){
document.bgcolor="#00FF00"
}
if(color="blue"){
document.bgcolor="#0000FF"
}
else{
document.bgcolor="#FFFFFF"
}
}
</script>
</head>
<body>
<form name="form1">
<select id="colo" onChange="changecolo(this)">
<option value="red">红色</option>
<option value="yellow">黄色</option>
<option value="green">绿色</option>
<option value="blue">蓝色</option>
</select>
</form>
</body>
</html>
纠正后
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>根据下拉框选中的值修改背景颜色</title>
<script type="text/javascript">
function changecolor(colo){
var color=colo.value
alert(color)
document.bgColor=color
}
</script>
</head>
<body>
<form name="form1">
<select id="colo" onChange="changecolor(this)">
<option value="red">红色</option>
<option value="yellow">黄色</option>
<option value="green">绿色</option>
<option value="blue">蓝色</option>
</select>
</form>
</body>
</html>
或者用document.getElementById()做
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>根据下拉框选中的值修改背景颜色</title>
<script type="text/javascript">
function changecolor(){
var color=document.getElementById('colo').value
alert(color)
document.bgColor=color
}
</script>
</head>
<body>
<form name="form1">
<select id="colo" onChange="changecolor()">
<option value="red">红色</option>
<option value="yellow">黄色</option>
<option value="green">绿色</option>
<option value="blue">蓝色</option>
</select>
</form>
</body>
</html>
html根据下拉框选中的值修改背景颜色的更多相关文章
- 【jquery】ajax 动态 改变 select下拉框选中的值
//JS<script type="text/javascript> //ajax动态给添加原料的[商品名称]下拉框绑定selected属性 $("#origin_co ...
- C# Winform 获得下拉框 选中的值
string PrintName = cmbPrinter.SelectedIndex.ToString(); PrintName = cmbPrinter.SelectedItem.ToString ...
- JavaScript如何获得Select下拉框选中的值
js代码: var mySelect = document.getElementById("resultList2"); var mySelectText = mySelect.o ...
- js,jquery获取下拉框选中的option
js获取select选中的值: var sel=document.getElementById("select1"); var index = sel.selectedIndex; ...
- js 设置下拉框的默认值
设置下拉框的默认值,直接在option中增加selected就可以了.但是现在要使用JS来设置它的默认值,代码如下: <select name="aaa" id=" ...
- jQuery操作下拉框的text值和val值
jQuery操作下拉框的text值和val值 1,JS源码 <select name="select1" id="select1" style=" ...
- python+webdriver,选取Select下拉框中的值
在选择下拉框中的值时遇到了困难,用driver.find_element_by_id("").send_keys("")进行赋值不能成功获取下拉框中的值. ...
- Python3.x：遍历select下拉框获取value值
Python3.x:遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 s ...
- LayUI中select下拉框选中触发事件
代码: var form = layui.form, layer = layui.layer; // 监听 $(document).ready(function() { // select下拉框选中触 ...
随机推荐
- SQL执行计划Cost与性能之间的的关系
关于执行计划Cost的三个疑问: 1. 执行计划的Cost越低,SQL就一定跑得越快吗?或者说Cost 和 执行时间成比例关系吗? 2. Oracle 默认产生的执行计划是Cost最低的吗? 3. 如 ...
- 【记录bug】npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsvents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents1.2.7: wanted {"os":"darwin
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsvents): npm WARN nots ...
- Notepad++搜索中的正则应用
假设要查找文件中所有tppabs="*****" 类型的代码 tppabs="http://www.******.com/templates/Alen/Css/Main. ...
- 探索云数据库最佳实践 阿里云开发者大会数据库专场邀你一起Code up！
盛夏.魔都.科技 三者在一起有什么惊喜? 7月24日,阿里云峰会·上海——开发者大会将在上海世博中心盛大启程,与未来世界的开发者们分享数据库.云原生.开源大数据等领域的技术干货,共同探讨前沿科技趋势, ...
- 【To Read】LeetCode | Jump Game II（转载）
题目: Given an array of non-negative integers, you are initially positioned at the first index of the ...
- sql —— between
BETWEEN 操作符在 WHERE 子句中使用,作用是选取介于两个值之间的数据范围. 原表: 执行查询: 上面就可以搜索出得分为80~90的学生了,包含80,也包含90.
- LRM-00109: could not open parameter file '/u01/app/oracle/product/12.1.0/db_1/dbs/initepps.ora'
安装好oracle后,起动时报如下错误: [oracle@Oracle-A ~]$ export ORACLE_SID=ORCL [oracle@Oracle-A ~]$ sqlplus / as s ...
- Java练习 SDUT-2737_小鑫の日常系列故事（六）——奇遇记
小鑫の日常系列故事(六)--奇遇记 Time Limit: 1000 ms Memory Limit: 65536 KiB Problem Description 今天,小鑫在山上玩的时候,意外被推下 ...
- Java练习 SDUT-1580_闰年
闰年 Time Limit: 1000 ms Memory Limit: 32768 KiB Problem Description 时间过得真快啊,又要过年了,同时,我们的人生也增长了一年的阅历,又 ...
- 洛谷P1049 装箱问题
//01背包 价值等于体积 求所剩最小体积 #include<bits/stdc++.h> using namespace std; ; ; int c,n,v[maxn],f[maxv] ...