Javascript 删除项目后,强制IE 7/8调整选择宽度的大小

Javascript 删除项目后,强制IE 7/8调整选择宽度的大小,javascript,internet-explorer-8,internet-explorer-7,html-select,Javascript,Internet Explorer 8,Internet Explorer 7,Html Select,删除选项后,是否可以让IE 7/8重新计算选择框的宽度?我发现最大选项的宽度是“记住”的,删除最大选项后,宽度不会像在好的浏览器中那样减小 如果在元素之后立即执行代码,则不会出现问题,只有在DOM就绪后尝试操作选项时才会出现问题。克隆是可行的,但有更好的方法吗 <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <select id="select"> <opt

删除选项后,是否可以让IE 7/8重新计算选择框的宽度?我发现最大选项的宽度是“记住”的,删除最大选项后,宽度不会像在好的浏览器中那样减小

如果在元素之后立即执行代码,则不会出现问题,只有在DOM就绪后尝试操作选项时才会出现问题。克隆是可行的,但有更好的方法吗

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<select id="select">
    <option value="a">aaa</option>
    <option value="b">bbb bbb bbb bbb bbb bbb bbb bbb</option>
</select>

<script>

    // select box is emptied and resizes
    //$("#select").empty(); 

    // long option is removed and select resizes
    //document.getElementById("select").options.remove(1);  

    $(function(){

        // select does not resize after DOM ready
        $("#select").empty();

        // or with this:    
        //document.getElementById("select").options.remove(1);      

        /* cloning works 
        var $select = $("#select"),
            $clone = $select.clone();
        $clone.empty(); 
        $select.replaceWith($clone);
        */  
    });

</script>

aaa
bbb bbb bbb bbb bbb bbb bbb bbb bbb bbb bbb
//选择框将清空并调整大小
//$(“#选择”).empty();
//“长”选项将被删除,并选择“调整大小”
//document.getElementById(“选择”).options.remove(1);
$(函数(){
//选择在DOM就绪后不调整大小
$(“#选择”).empty();
//或者用这个:
//document.getElementById(“选择”).options.remove(1);
/*克隆工作
变量$select=$(“#select”),
$clone=$select.clone();
$clone.empty();
$select.replaceWith($clone);
*/  
});

您是否尝试检索
#select
?没有应用样式,并且$(#select”)[0]。currentStyle.width返回默认值“auto”。嗯。。。我希望
currentStyle
有一个正确的值。
$(“#选择”)[0]怎么样。style.pixelWidth
?(没有IE$(“#选择”)[0]。pixelWidth=未定义。$.detach(),清空并添加回DOM也不好,仍然是相同的宽度$(“#选择”)[0]。style.pixelWidth=0