<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>demo-lazyform</title>
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript" src="js/lazyform.js"></script>
<link type="text/css" rel="stylesheet" href="css/Blue/lazyform.css" id="lazyFormSkin" />
<style type="text/css">
body
{
font: 12px Simsun, Arial, Helvetica, sans-serif;
}
</style>
<script>
$(document).ready(function() {
});
function change(){
alert('change');
}
</script>
</head>
<body>
<form action="">
<select id="aa" style="width:700px;" onchange="change()">
<option value="Blue">Blue</option>
<option value="Black">Black</option>
<option value="Default">Default</option>
<option value="Default">Default</option><option value="Default">Default</option><option value="Default">Default</option><option value="Default">Default</option><option value="Default">Default</option><option value="Default">Default</option><option value="Default">Default</option><option value="Default">Default</option>
</select>
<br/>
<table border="1" width="600" >
<tr height="40px;line-height:40px;">
<td></td>
<td>选项1<input id="d1" type="radio" value="选项1" name="ra2" onchange="change()"/> </td>
<td>选项2</td>
<td><input id="d2" type="radio" value="选项2" name="ra2" onchange="change()"/> </td>
<td>选项3</td>
<td><input id="d3" type="radio" value="选项3" name="ra2" onchange="change()"/> </td>
</tr>
</table>
<div class="render">
</div>
<br/>
<div class="render">
选项1<input id="d1" type="checkbox" value="选项1" name="ra" onchange="change()"/>
选项2<input id="d2" type="checkbox" value="选项2" name="ra" onchange="change()"/>
选项3<input id="d3" type="checkbox" value="选项3" name="ra" onchange="change()"/>
</div>
<input type="reset" value="重置"/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<select style="width:700px;" >
<option value="Blue">Blue</option>
<option value="Black">Black</option>
<option value="Default">Default1</option>
<option value="Default">Default2</option>
<option value="Default">Default3</option>
<option value="Default">Default4</option>
<option value="Default">Default5</option>
<option value="Default">Default6</option>
<option value="Default">Default7</option>
<option value="Default">Default8</option>
<option value="Default">Default9</option><option value="Default">Default1</option>
<option value="Default">Default2</option>
<option value="Default">Default3</option>
<option value="Default">Default4</option>
<option value="Default">Default5</option>
<option value="Default">Default6</option>
<option value="Default">Default7</option>
<option value="Default">Default8</option>
<option value="Default">Default9</option><option value="Default">Default1</option>
<option value="Default">Default2</option>
<option value="Default">Default3</option>
<option value="Default">Default4</option>
<option value="Default">Default5</option>
<option value="Default">Default6</option>
<option value="Default">Default7</option>
<option value="Default">Default8</option>
<option value="Default" >Default9</option><option value="Default">Default1</option>
<option value="Default">Default2</option>
<option value="Default">Default3</option>
<option value="Default">Default4</option>
<option value="Default">Default5</option>
<option value="Default">Default6</option>
<option value="Default">Default7</option>
<option value="Default">Default8</option>
<option value="Default" selected>Default119</option>
</select>
</form>
</body>
</html>