<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>随机点名</title>
<style>
#dd{
width:1200px;
height:600px;
background: #7F268F;
font-family: "微软雅黑";
font-size: 400px;
float: center;
margin: 0 auto;
color: white;
text-align: center;
line-height: 600px;
}
p{color: white;}
#df{
float: center;
margin: 0 auto;
width: 400px;
}
</style>
<script>
function yuan1(){
var x = 47;
var y = 1;
var i =parseInt(Math.random()*(x-y+1)+y);
var di = document.getElementById("class");
var de = di.options[di.options.selectedIndex].innerHTML;
var o ;
var pic = document.getElementById("dd");
if(de=="初一（3）"){
o = "w"+i;
}else if(de=="初一（8）"){
o = "t"+i;
}else{
o = "p"+i;
};
var pii = document.getElementById(o);
pic.innerHTML = pii.innerHTML;
};
</script>
</head>
<body>
<div id="dd" onClick="yuan1()">ready</div>
<div id="df"><select id="class" style="font-size: 80px;">
<option>初一（3）</option>
<option>初一（8）</option>
<option>初一（9）</option>
