关于火狐和IE下select控制div

小编是新人，刚入IT行业不久，第一次发，希望大家多多支持

今天小编在做项目时发现一个问题，在火狐下用点击事件，通过点击下拉菜单中的选项以达到控制div的显示隐藏，可是在IE下怎么都不管用，于是小编百度了一下，原来在IE下不支持通过点击下拉菜单中的选项控制div的显示隐藏，只能通过select的onchange()事件，然后小编做了如下改动

 <tr>
          <td class="label">是否活动：</td>
          <td>
            <select name = "activity" id="activity">
              <option value = "0" id="option0">不参加</option>
              <option value = "1" id="option1">特卖活动</option>
            </select>
          </td>
        </tr>
        {/if}
        <script>
          $(function() {
            $("#activity").change(function () {
              var text = $(this).find('option:selected').text();
              if (text == '不参加') {
                $("#temai").hide();
                $("#duobao").hide();
              } else if (text == '特卖活动') {
                $("#temai").show();
                $("#duobao").show();
              }
            })
          })
        </script>

通过测试在火狐和IE下都能支持

希望此文章对你有所帮助