html如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="jslib/jquery-1.8.2.js"></script>
<script type="text/javascript" src="demo.js"></script>
<body>
<a href="www.baidu.com" id="reply" style="text-decoration: none;">答复</a>
<select class="form-control" id="receiptStatus">
<option value="0">---请选择---</option>
<option value="1">已答复</option>
<option value="2">未答复</option>
<option value="3">未审批</option>
<option value="4">正在审批</option>
</select>
</body>
</html>
demo.js如下:
/*
*需求:当用户选择“已答复”选项时禁用“答复”超链接
*/
$().ready(function() {
$("#receiptStatus").change(function() {
if ($("#receiptStatus option:selected").text() == '已答复') {
$("#reply").removeAttr('href');
} else {
$("#reply").attr("href", "http://www.baidu.com/");
}
});
});