建立一个html页面，代码很简单
一个下拉框
jq监听下拉框改变事件
如果他是减肥，div框显示减肥广告
如果是页游，div显示游戏广告
<body>
<select id='observe' >
<option value='减肥'>减肥广告</option>
<option value='游戏'>页游广告</option>
</select>
<div id='content' style="width: 100px;height: 100px;background-color: pink;"></div>
<script type="text/javascript" src="jquery-3.3.1.min.js" ></script>
<script>
$('#observe').change(function(){
var val = $(this).val()
if(val=='减肥')
{
$('#content').html('好好锻炼')
}else if(val=='游戏')
{
$('#content').html('贪玩蓝月，是兄弟你就来砍我')
}
})
</script>
</body>
完成了，考虑一个问题，如果需要新增一个div，不改动原来的代码，只增加代码，来使用原来的功能
网友评论