2010-11-18 6 views
2

リストから選択した要素を追加したり削除したりする簡単な機能が2つあります。 選択リストに要素を追加するには、次のメソッドを使用します。jquery IE 7/8 select append issue

これはFirefoxで動作していて、値がリストボックスに追加されています。これはIEでは表示されませんが。 要素がリストに追加されていても表示されていないことがわかります。 アイデア代わりに

var no = new Option(); 
no.value = data; 
no.text = data; 
$("#transresults").append(no); 

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); 

} 

答えて

1

はあなたが1997年以降にリリースされたすべての主要なブラウザで動作選択リストにオプションを追加する経年の方法を使用することができ

$("#transresults").append("<option value='"+data+"'>"+data+"</option>"); 
+1

.val(data)値を設定するには、型付きデータのように見えますが、アポストロフィやエスケープされていない値が問題の原因になります。 – Orbling

3

を使用してみてください:

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