JS
来源:互联网 发布:js数组中添加对象 编辑:程序博客网 时间:2024/06/05 00:19
<!DOCTYPE html>
<html>
<head>
<title>哈哈</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center>
<div id="div1" style="width:200px;height:200px;border:black 1px dotted"></div>
<select id="color">
<option value="white">默认</option>
<option value="black">黑色</option>
<option value="blue">蓝色</option>
<option value="orange">橙色</option>
</select></br>
<input type="button" id="choice" value="更改背景色"/>
</center>
<script type="text/javascript" src="jquery-2.0.0.min.js"></script>
<script type="text/javascript">
$(function(){
$("#choice").click(function(){
$("#div1").css({background:$('#color').val()});
// alert($("#color").val());
});
});
</script>
</body>
<html>
<head>
<title>哈哈</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center>
<div id="div1" style="width:200px;height:200px;border:black 1px dotted"></div>
<select id="color">
<option value="white">默认</option>
<option value="black">黑色</option>
<option value="blue">蓝色</option>
<option value="orange">橙色</option>
</select></br>
<input type="button" id="choice" value="更改背景色"/>
</center>
<script type="text/javascript" src="jquery-2.0.0.min.js"></script>
<script type="text/javascript">
$(function(){
$("#choice").click(function(){
$("#div1").css({background:$('#color').val()});
// alert($("#color").val());
});
});
</script>
</body>
</html>
用Jquery更改模块背景色,绑定在按钮单机事件上,现在想当select改变,即触发该事件,待修改
怎么控制一个<select>的值变了,另一个text的值也变化
用select的onchange。在onchange中改变div的innerHTML的属性值就可以了不走后台页面刷新,如果想走后台的话就异步刷新 0 0
- js
- js
- JS
- JS
- JS
- js
- js
- js
- js
- js
- JS
- js
- JS
- js
- js
- js
- js
- JS
- 微信openid的生成规则研究
- 集合内容对应大值和对应小值的互换
- 设计模式之装饰者模式12
- JS 设置物体居中
- LeetCode----29. Divide Two Integers (两数相除)
- JS
- 微信Android热补丁实践演进之路
- RampDiffuse纠错——Error:incorrect number of arguments to numeric-type constructor
- 第一篇博客
- 经典SQL语句大全——(一)基础
- Eclipse配置
- Unsupported major.minor version …
- Weka使用之属性选择
- Android安全加密:消息摘要Message Digest