html-IE中的宽度不像其他浏览器中那样

概述我有三个选择框.<div style='float: left; padding-right: 10px;'> <select size='10' name='company_id'> // a lot of options here </select> </div> <

我有三个选择框.

<div style='float: left; padding-right: 10px;'>    <select size="10" name="company_ID">        // a lot of options here    </select></div><div style='float: left; padding-right: 10px;'>    <select size="10" name="department_ID" ID="department_ID">        // a lot of options here    </select></div><div style='float: left; padding-right: 10px;'>    <select size="10" name="user_ID[]" ID="user_ID" multiple>        // a lot of options here    </select></div>

它们彼此相邻漂浮.在第一个项目中选择一个项目时,AJAX查询将更新第二个项目的值.

在firefox和大多数其他浏览器中发生的事情是,它的大小发生了变化,将第3个推开了.但是在IE(6.0和7)中,第二个更改了大小,但没有将第三个更改.

我所做的是固定盒子的尺寸,但是我想正确地固定它,所以有人知道吗？

这是我用来将数据添加到所选部门的Jquery代码.

$.get("AJAX/fetchDepartment.PHP?sec=departments&company_ID="+company_ID,function(data){        $("#department_ID").HTML(data);});

数据包含所需的< option> Stuff< / option>

编辑添加：选择框始终在其中具有某些值.

这是发生的情况的图片(我必须通过photoshop删除包装盒中的物品,但我明白了)

selcet bug http://cznp.com/select_bug.jpg最佳答案IE和选择选项有一些我从未完全了解的“怪癖”(关于选择框和INNERHTML的详细信息为here),但我至少可以为您提供一种解决方法.
诀窍是将选项显式添加到选择框中,而不仅仅是更改select元素批发的整个HTML.因此,以下工作：

function changeval() {    var option = document.createElement("option");    option.text = 'my long text value to change stuff';    option.value = 'test';    $('#department_ID')[0].options.add(option);}

虽然这不是：

function changeval() {    var data = '<option value="test">my long test string with wIDe stuff</option>';    $("#department_ID").HTML(data);}

您可能会发现此page有用-显然他只是通过修改INNERHTML来解决它,所以这可能是一个更简单的选择.由你决定.

第二个链接的解决方案如下所示：

function changeval() {    var data = '<option value="test">my long test string with wIDe stuff</option>';    $("#department_ID").HTML(data);    $("#department_ID").parent()[0].INNERHTML += '';}

总结

以上是内存溢出为你收集整理的html-IE中的宽度不像其他浏览器中那样 全部内容，希望文章能够帮你解决html-IE中的宽度不像其他浏览器中那样 所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。