Question

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

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

但每当我点击选择列表项时，一些时间列表弹出窗口的下拉宽度大小＆amp;有时会显示弹出窗口的宽度超过选择列表宽度。

我在IE 11上面临这个问题。在IE 10上，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);
        }
});

怎么办？

JSFiddle

Answer 1

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

您是否仍然看到问题here?

作为使用常规HTML选择的替代方法，您可以尝试使用select2或chosen。这样您就可以随心所欲地设计样式。

在IE 11中单击下拉弹出窗口大小问题

1 个答案: