javascript - jquery IE 7/8 选择追加问题

Question

我有两个简单的函数来添加和删除列表中的选择元素。要将元素添加到选择列表，我使用以下方法。

问题是这在 Firefox 中有效，并且值附加到列表框。而在 IE 中则不可见。我可以看到元素已附加到列表中，但它们不可见。有什么想法吗？

function moveTrans()
{
var length= $("#btsexpresults").length;

if( $("#transvendor").val()  == "-1" ||  $("#trans").val() == "-1"  ||  $("#transconfto").val().length==0 || $("#transcap").val().length==0 || $("#transcovdeep").val().length ==0 || $("#transcovwide").val().length ==0 || $("#transquant").val().length ==0)
 {
 alert("Please enter all input fields");
return false;
 }

var data=    $("#transvendor").val() + " : "+  $("#trans").val()    + " : "+   $("#transconfto").val()  + " : "+   $("#transcap").val()  + " : "+  $("#transcovdeep").val()  + " : "+ $("#transcovwide").val() +" : "+ $("#transquant").val()     ;
 var no = new Option();
 no.value = data;
 no.text = data;
 $("#transresults").append(no);

}

Answer 1

您可以使用历史悠久的方法将选项添加到选择列表，该方法适用于 1997 年以来发布的所有主要浏览器:

var select = document.getElementById("transresults");
var opt = new Option("Option text", "optionValue");
select.options[select.options.length] = opt;