<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<Script>
function fto(x)
{
$("select[name='sq2'] option").remove();
if ( x == "01")
{
$("select[name='sq2']").append("<option value='' >請選擇</option>");
$("select[name='sq2']").append("<option value='A' >甲班-小明</option>");
$("select[name='sq2']").append("<option value='B' >甲班-小英</option>");
}
else if ( x == "02")
$("select[name='sq2']").append("<option value='D' >乙班-小英</option>");
}
</Script>
</head>
<body>
<div data-role="page" id='pagetop'>
<div data-role="header" data-position="fixed" data-theme="b">
<h2>測試</h2>
</div>
<div data-role="content">
<label for="s1">班級：</label>
<select name=sq1 size=1 onchange=fto(this.value) data-ajax="false" >
<option value=''>請選擇</option>
<option value='01'>甲班</option>
<option value='02'>乙班</option>
</select>
<BR>
<label for="s2">姓名：</label>
<select name=sq2 size=1 data-ajax="false">
<option value=''>請選擇</option>
</select>
</div>
</div>
</body>
</html>
