IEのselect要素でjqueryのval（）が動作しない場合がある

Question

次のコードを確認してください。

<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 

<script type="text/javascript"> 
function s() { 
    supplier = jQuery('#sup').val(); 
    status = jQuery('#sta').val(); 
    alert('Supplier:'+supplier+'#Status:'+status); 
} 
</script> 

     <select id="sup"> 
      <option value="empty">Supplier</option> 
      <option value="1">supplier1</option> 
      <option value="2">supplier2</option> 
     </select> 

     <select id="sta"> 
      <option value="empty">Status</option> 
      <option value="1">status1</option> 
      <option value="2">status2</option> 

     </select> 

     <button type="button" onclick='s()'>Show</button> 

私がショーボタンをクリックすると、ステータス値がFFになります。 しかし、警告では、ステータスに空文字列が含まれていることが示されます。

サプライヤとステータスの構造は同じです。 両方のブラウザでサプライヤの価値が正しく取得されています。

Answer 1

グローバルstatus変数を使用しているため、ステータスバーメッセージの設定に使用する必要があります。あなたはvar status をsの関数statusではなく、別の変数名を使用するだけです。

この変更を参照してください。http://jsfiddle.net/HPR3w/2/変更が加えられました。私はIE9でそれをテストし、今動作します。

Answer 2

試してみる：

function s() { 
    var supplier = jQuery('#sup').val(); 
    var status = jQuery('#sta').val(); 
    alert('Supplier:'+supplier+'#Status:'+status); 
} 

一つ

は varキーワードでローカル変数を宣言する必要があります。