<select>タグのthis.selectedIndexがIE7で動作しないのはなぜですか？

Question

このHTMLとJavascriptのビットは、IE6、FF2、FF3で動作します。私はそれがまた、IE7で動作しない理由何らかの理由を見つけることはできませんが、this.selectedIndexは、常に人々があまりにもそれほど強く反対し文体物事を変更するには編集0

** in javascript file 
function onTypeChange() 
{ 
    alert($('type_id').selectedIndex); 
    if ($('type_id').selectedIndex != 0) 
    { 
     Element.update('chosenType', this.options[this.selectedIndex].text);  
     Form.Element.enable('go_button'); 
    } else { 
     Element.update('chosenType', 'Selected Type'); 
     Form.Element.disable('go_button'); 
    } 
} 

** in html 
<select class="hosp_select_buttons selectbox" id="type_id" name="type[id]" 
     onchange="onTypeChange();"> 
<option value="">Please select</option> 
<option value="1594">Ambulatory Surgical Center</option> 
<option value="1595">Birthing Center</option> 
<option value="1596">Comprehensive Outpatient Rehabilitation Facilities</option> 
<option value="1597">Drug Abuse Treatment Program</option> 
<option value="1598">Mammography</option> 
<option value="1599">Narcotic Treatment Program</option> 
<option value="1600">Outpatient Physical Therapy</option> 
<option value="1601">Private Home Care Provider</option></select> 

**を返します。選択ボックスを変更した後も、selectedIndexは0になっています。このコードはありますが、それでもI.E以外のすべてのブラウザで動作します。 7

Answer 1

selectedIndexをオプションリストから取得しようとしています。

this.options.selectedIndexの代わりにthis.selectedIndexを使用してください。

また、クリーナーの使用のために、この例を参照してください。http://www.mredkj.com/tutorials/tutorial002.html

Answer 2

私はこれが古いですけど、私はunasweredここでそれを見て助けることができません。私は、ここでの問題は、あなたが$（ 'type_id'）を使っていることだと思います。これはjqueryの要素を返します（私は信じています）。実際のHTML要素にアクセスするには、$（ 'type_id'）[0]などを使用する必要があります。私はあなたがdocument.getElementById（ 'type_id'）を使用する場合、それは動作するはずだと思います。

編集：DOM要素$（ 'TYPE_ID'）をアクセスする方法についてBenxaminさんのコメントを反映する変更答え[0]