关于火狐和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下都能支持

希望此文章对你有所帮助