<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<script type="text/JavaScript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(function(){
$("#choice").click(function(){
$('#div1').css({background:$("#color").val()});
});
});
</script>
<center>
<div id="div1" style="width:200px;height:200px;border:black 1pxdotted"></div>
<select id="color">
<option value="white">默认</option>
<option value="black">黑色</option>
<option value="gray">灰色</option>
<option value="orange">橙色</option>
</select></br>
<input type="button" id="choice" value="更改背景色">
</center>
</body>
</html>
转载请注明原文地址: https://ju.6miu.com/read-677595.html
