動的コンボとmootools getメソッドがIE8で動作しない

Question

Mootools getメソッドとIE8に問題があります。これが事です。

<select name="model" id="model" class="customSelectModel"> 
    <option>Modelo</option> 
</select> 

Javascriptを：：

var req = new Request.HTML({ 
     method: 'get', 
     url: loadModels, 
     data: "model="+model, 
     update: $('model'), 
}).send(); 

また、選択は、カスタムスタイルを持っている私はRequest.HTML

HTMLを動的にオプションをロード選択コンボを持って

これで：http://vault.hanover.edu/~stilson/simpleselectstyle/

問題は私が読み込むときです

Object doesn't support this property or method.

私はなぜ知らないが、（通常は、それは他のブラウザでは完璧に動作として）

span.addEvent('change',function(){ 
    span.set('text',this.options[this.options.selectedIndex].get('text')); 
}); 

はIE8で動作しません：modelの内容、IEは私にエラーを投げます。私はMootools 1.3.2を使用しています

アイデア？どうもありがとう。

Answer 1

あなたはupdate: $("model")がが何しようとするクロスブラウザファッション、中innerHTML経由<select>要素の内容を更新することはできません。

私はあなたonComplete: function() {}を経由して、リファクタリングを示唆している：

• はHTMLを経由して送信されたオプションの要素をmodel
• 反復のすべての子要素を削除してmodel
• コールどんな方法カスタムにそれらを注入スタイリングでは、modelとfireEvent("change")のオブジェクトメンバーをフレッシュにして、必要に応じて新しい選択したスクリプトの選択肢を強調表示します（あれば）。

あなたの2番目の質問です。

this.options.get("value")は選択した値を返します。

複数選択の場合、1つ以上の値を持つことができます。

mootoolsは、テキストを取得するために反復処理できるオプションの配列を返すselectel.getSelected()を提供します。したがって：

selectel.getSelected().get("text")は、複数選択で["sometext"]または["sometext1", "sometext2"]を返します。