下拉宽度在ie8中自动​​改变

Question

我的页面中有一个文本框和下拉列表控件。我做的是在我的文本框onblur事件中，我使用

将文本框中的文本附加到下拉列表中

if (document.getElementById(pick1).value != "") {
    $("#" + drop1).append($("<option></option>").val(document.getElementById(pick1).value).html(document.getElementById(pick1).value));
}

这里drop1是dropdownlist的id，pick1是textbox的id。我的问题是每当下拉列表的宽度自动减少然后消失时聚焦文本框。这个问题是在ie8和更高版本问题不是有

Answer 1

使select保持明确的宽度。

使用这个小提琴进行检查：http://jsfiddle.net/X2fhn/

对于IE＆lt; 9：http://jsfiddle.net/X2fhn/embedded/result/

<select id="slt"></select>

#slt {
    width: 128px; /* any width that suits your design */
}

Answer 2

尝试这种方式：

$("#" + pick1).blur(function() {
  if ($(this).val()) {
    $("#" + drop1).append($("<option></option>").val($(this).val()).html($(this).val()));
  }
});