Html 点击IE 11中的下拉式弹出窗口大小问题

Html 点击IE 11中的下拉式弹出窗口大小问题,html,internet-explorer-11,Html,Internet Explorer 11,我正在HTML页面中使用选择列表: <select id="Measures" onchange="CMG.CMGClass.LoadChartData(this.id)" style="margin-top: 10px;width:200px" title="Select Option"> </select> 但每当我点击选择列表项时,一些时间列表弹出窗口显示下拉宽度大小&一些时间显示弹出窗口的宽度大于选择列表宽度 我在IE 11上面临这个问题。

我正在HTML页面中使用选择列表:

<select id="Measures" onchange="CMG.CMGClass.LoadChartData(this.id)" 
        style="margin-top: 10px;width:200px" title="Select Option"> </select>

但每当我点击选择列表项时,一些时间列表弹出窗口显示下拉宽度大小&一些时间显示弹出窗口的宽度大于选择列表宽度

我在IE 11上面临这个问题。在IE10上,firefox和chrome运行良好-

填写选择列表的代码:

    $(document).ready(function () {
        var select = document.getElementById("Measures");

        var options = {
            "table": [{ text: "SBP,DBP,Pulse" },
                       { text: "SBP,DBP,MAP,Pulse" },
                       { text: "SBP,DBP,Pulse,Temp" },
                       { text: "SBP,DBP,Pulse,RR" },
                       { text: "SBP,DBP,Pulse,Temp,O2 Sat" },
                       { text: "Pulse,RR,O2 Sat" },
                       { text: "Height,Weight,BMI" }
            ]
        };

        for (var i = 0; i < options.table.length; i++) {
            var opt = document.createElement('option');
            opt.innerHTML = options.table[i].text.trim();
            opt.value = options.table[i].text.trim();
            select.appendChild(opt);
        }
});
$(文档).ready(函数(){
var select=document.getElementById(“度量”);
变量选项={
“表”:[{文本:“SBP、DBP、脉冲”},
{文本:“SBP、DBP、MAP、脉冲”},
{文本:“SBP、DBP、脉冲、温度”},
{文本:“SBP,DBP,脉冲,RR”},
{文本:“SBP、DBP、脉冲、温度、氧饱和度”},
{文本:“脉冲,RR,O2 Sat”},
{正文:“身高、体重、体重指数”}
]
};
对于(变量i=0;i
怎么办


我认为这正是IE 10和11的工作方式

你还看到问题吗


作为使用常规HTML选择的替代方法,您可以尝试使用或。这使您可以自由地根据自己的需要对其进行样式设置。

@我发布的链接是否仍存在此问题?我不能在IE11上复制任何错误。嗨,你的链接在IE11上也可以正常工作。但在我的页面中,当我们更改任何新选择的项目并再次单击以更改选择时,其弹出窗口的宽度将比选择控件的宽度和空格增加一倍。如果我再次选择同一个项目并再次单击以进行选择,则第二次选择将以适当的选择控件宽度显示弹出窗口(新项目选择首先单击其获取此问题。)感谢reply@JaydipPatil您所描述的内容不会发生在我的IE11的JSFIDLE中。您必须具有非默认设置。看看你是否可以禁用任何附加组件,确保你的缩放设置为100%,检查你的互联网选项,等等。。。对不起,我帮不上忙了。