<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="../Scripts/jquery-1.8.1.min.js"></script>
<script type="text/javascript" language="javascript">
function changeSelect(selected) {
var Selects = $("select");
for (var i = 0; i < Selects.length; i++) {
if ($(selected).attr("id") == Selects.eq(i).attr("id")) continue;
Selects.eq(i).find("option").each(function () {
if ($(this).val() == "0") {
return;
}
var otherSelect = Selects.not($(selected));
if ($(this).val() == $(selected).children('option:selected').val() || $(this).val() == otherSelect.not(Selects.eq(i)).children('option:selected').val()) {
if ($(this).parent().is("span")) {
return;
}
$(this).wrap("<span style='display:none'></span>");
} else {
Selects.eq(i).children("span").each(function () {
if ($(this).children().val() != $(selected).children('option:selected').val() && $(this).children().val() != otherSelect.not(Selects.eq(i)).children('option:selected').val()) {
$(this).children().replaceAll($(this));
}
});
}
});
}
}
</script>
</head>
<body>
<select id="Select1" onchange="changeSelect(this)">
<option value="0">全部</option>
<option value="1">问题1</option>
<option value="2">问题2</option>
<option value="3">问题3</option>
<option value="4">问题4</option>
</select>
<select id="Select2" onchange="changeSelect(this)">
<option value="0">全部</option>
<option value="1">问题1</option>
<option value="2">问题2</option>
<option value="3">问题3</option>
<option value="4">问题4</option>
</select>
<select id="Select3" onchange="changeSelect(this)">
<option value="0">全部</option>
<option value="1">问题1</option>
<option value="2">问题2</option>
<option value="3">问题3</option>
<option value="4">问题4</option>
</select>
</body>
</html>
