Jquery IE 7.0选择框重叠按钮_Jquery_Html_Internet Explorer

Jquery IE 7.0选择框重叠按钮

jquery html internet-explorer

Jquery IE 7.0选择框重叠按钮,jquery,html,internet-explorer,Jquery,Html,Internet Explorer,我的谷歌技能正在下降。我在IE 7.0中遇到了以下问题（适用于FF 4.0和Chrome）我最初有一个空的选择框。当我使用Jquery填充它的值时，选择框与按钮重叠我假设有一个css黑客，但我没有得到正确的搜索结果我有以下代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我的谷歌技能正在下降。我在IE 7.0中遇到了以下问题（适用于FF 4.0和Chrome）

我最初有一个空的选择框。当我使用Jquery填充它的值时，选择框与按钮重叠

我假设有一个css黑客，但我没有得到正确的搜索结果

我有以下代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">
    </script>
</head>
<body>
    <div>
        <select id="missionList" name="missionList">
            <option></option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="4">4</option>
            <option value="5">5</option>
        </select>
        <select name="peopleList" id="slPeopleFoundList" size="5" multiple="multiple">
        </select>
        <input type="submit" id="Remove" value="Remove" disabled="disabled" />
    </div>
</body>
</html>
<script type="text/javascript">

    $(function () {

        $("#missionList").change(function () {
            SetupUpMissionList();
        });

        function SetupUpMissionList() {
            var select = $("#slPeopleFoundList");

            appendOption("he asdfasdfasdf asdf asdf asdfllo", "hello", select);
        }

        function appendOption(text, value, select) {
            $(select).
                  append($("<option></option>").
                  attr("value", value).
                  text(text));
        }

    });

</script>


1.
2.
4.
5.
$（函数（）{
$（“#任务列表”）。更改（函数（）{
setupmissionlist（）；
});
函数设置任务列表（）{
var select=$（“#slPeopleFoundList”）；
附录选项（“他asdfasdfasdfasdfasdf asdf asdfllo”，“你好”，选择）；
}
函数附加选项（文本、值、选择）{
$（选择）。
追加（$（“”）。
属性（“值”，值）。
文本（文本））；
}
});

愚蠢，愚蠢的IE。我尝试在代码周围添加.hide（）/.show（），将选项添加到select元素中，但效果不错，如下所示：

select.hide();
appendOption("he asdfasdfasdf asdf asdf asdfllo", "hello", select);
select.show();

我似乎无法复制你的问题。嘿，Shrubery，打开IE7.0中的链接，你应该会看到问题所在。顺便说一句，很棒的网站，我得好好玩玩。是的，很抱歉，误解了这个问题，我现在看到了。在选择列表中添加一个项目后，这似乎也能起作用：

/*如果IE版本将宽度：auto
添加到css中可能是2的更好解决方案。非常好，我想我更喜欢第二个建议。有趣的是，它喜欢jquery中的width标记，但如果直接将其放入html中，同样的问题也会发生。太糟糕了，我不能两次投票给你（除非你能发布另一个答案）。