下拉列表 通过option 改变div的内容

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<select id="IsTurnOut" class="txtselect required" datacol="yes" err="是否转出" checkexpession="NotNull">
<option value=""></option>
<option value="是">是</option>
<option value="否">否</option>
</select>
<div class="yes-no">过年啦</div>
<div class="yes" style="display:none">天气晴朗</div>
<div class="no" style="display:none">天气寒冷</div>
</body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script>
$("#IsTurnOut").change(function () {
var sele = $(this).children('option:selected').val();
if (sele == "是") {
$('.yes').show()
$('.yes-no').html($('.yes'))
} else if (sele == "否") {
$('.no').show();
$('.yes-no').html($('.no'))
}
});
</script>
</html>

原文地址:https://www.cnblogs.com/yingxi0/p/8398839.html