<!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改变，即触发该事件，待修改
扫一扫
648
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
