（1）复选框选中及下拉框选中指定项(删除项)
<%@ taglib prefix="form" uri="#34; %>
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "#34;>
<html xmlns="#34;>
<head>
<%
String contextPath = request .getContextPath();
%>
<title>test</title>
<script language="javascript" src="<%=contextPath%>/js/base/ jquery /jquery-1.7.1.min.js"></script>
<script type="text/javascript">
// 复选框选中或取消选中
function allChecked() {
var isAllChecked = $("#allChecked").attr("checked");
$("input[name='chSel']").each(function(){
if( isAllChecked != undefined && isAllChecked == "checked" ) {
// 复选框全选
$(this).attr("checked", true);
} else {
$(this).removeAttr("checked");
}
});
}
function changeSelect() {
var selVal = $("#selCity").val();
alert ("使用下拉改变事件onchange触发的方法，当前选中下拉框的值="+ selVal);
}
function deleteThr() {
$("#selCity option[value=3]").remove();
}
function selSec() {
// 选中下拉框项值为2的第一项：上海
// $("#selCity").val("2");
// 或使用下行代码来选中
$("#selCity").find("option:contains('上海')").attr("selected", true);
}
</script>
</head>
<body>
<input type="checkbox" value="3" id="allChecked" onclick="allChecked()" /> 全选
<input type="checkbox" value="1" name="chSel" /> 数学
<input type="checkbox" value="2" name="chSel" /> 语文
<br />
<input type="button" value="删除下拉框第三项" onclick="deleteThr()" />
<input type="button" value="选中下拉框项值为2的第一项：上海" onclick="selSec()" />
下拉框：
<select id="selCity" onchange="changeSelect()">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">杭州</option>
</select>
</body>
</html> 
