IEで.innerHTMLを使用してオプション要素を追加する

Question

ドロップダウンリストに設定する必要があるHTML文字列を含むtxt変数があります。コードは、IEを除く他のすべてのブラウザで正常に動作します。基本コードを以下に示します。いくつかのより多くのコード

'theSelector'は私のフォームのための私のselect要素

だから、基本的にIEが出糞、私のリストを生成しないのIDです

document.getElementById('theSelector').innerHTML = txt; 

とwhileループ

。あなたがソースと私がやっているすべてを見たいのであれば、私のウェブページを下に掲載します。サイトがどのように機能するかを知りたいのであれば、そうではない別のブラウザで実行するだけです。それはあなたのリストを生成し、そしてあなたがオプションを追加しようとしているジャレッドさんのコメントされていないことをあなたのコメントに基づいて

http://1wux.com/Resume/signUp.html

Answer 1

、このような何かしてみてください：

var list = document.getElementById('theSelector'); 
var newOp = document.createElement("option"); 
newOp.text = "Txt"; 
newOp.value = "1"; 
list.options.add(newOp); 

EDIT

を

Per Jaredのコメントでは、次のがの場合、パフォーマンスの優位性が少し得られます。

list.options[list.options.length] = newOp; 

Answer 2

他にも言及したように、これはIEのすべてのバージョンでのバグです。 @ AdamRackisのソリューションを使用しますが、文字列でHTMLを構築する必要がある場合は、唯一の回避策はouterHTMLで、文字列に<select>を含めるようです。

デモ：http://jsfiddle.net/ThinkingStiff/TWYUa/

HTML：

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

スクリプト：

var options = '<select id="select"><option>one</option><option>two</option></select>'; 
document.getElementById('select').outerHTML = options; 

Answer 3

$('#theSelector').html(txt);