IE中的动态选择框选项被截断

时间:2011-11-17 05:21:34

标签: php javascript jquery

在IE浏览器的选择框选项截止中。为了纠正这个问题,我使用了以下代码。

(function($) {

  $.fn._ie_select=function() { 

    return $(this).each(function() { 

      var a = $(this),
          p = a.parent();

      p.css('position','relative');

      var o = a.position(),
          h = a.outerHeight(),
          l = o.left,
          t = o.top;

      var c = a.clone(true);

      $.data(c,'element',a);

      c.css({
        zIndex   : 100,
        height   : h,
        top      : t,
        left     : l,
        position : 'absolute',
        width    : 'auto',
        opacity  : 0
      }).attr({
        id    : this.id + '-clone',
        name  : this.name + '-clone'
      }).change(function() {
        $.data(c,'element')
          .val($(this).val())
          .trigger('change')
      });

      a.before(c).click(function() { 
        c.trigger('click');
      });

    }); // END RETURN

  }; // END PLUGIN

  if ($.browser.msie) {
    $('select')._ie_select();
  }

})(jQuery);

(也见http://pastebin.com/WqbtNxJu

工作正常。如果我动态创建选择框(在onclick事件中添加更多选择框)。它不起作用。 请做好需要谢谢。

0 个答案:

没有答案