2012-01-04 4 views
0

これはIE9とFFで動作しますが、IE7では動作しません& 8誰でも正しい方向に向けることができます。どのようなアイデアを見なければならないのですか?IE7と8ではselectの変更を検出できませんが、FFで動作します

jQueryの

$(document).ready(function() { 
    $('#page').change(function(){ 
     alert('--not-calling-in-IE8-or-IE7-Mode-Works-Fine-In-FF-'); 
     var url = 'galleryoptions.php?page=' + $('#page option:selected').val(); 
     $.getJSON(url, function(j){   
      var options = '<option value="0">None</option>'; 
      for (var i = 0; i < j.length; i++) { 
       options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; 
      } 
      $("#proj").html(options); 
     }); 
    }); 
}); 

私が試してみました何HTML

<label for="page" style="margin-top:10px;padding:2px; margin-left:-15px;">P&aacute;gina</label> 
<select id="page" name="page" type="text" style="width:135px; margin-top:8px;margin-bottom:8px;padding:2px; margin-left:10px;"> 

を私は選択の上のonchangeを配置し、アラートと呼ばれ、それが働きました。 私はonchangeをselectに配置し、決して働かなかった関数を呼び出しました。

<select id="page" name="page" type="text" onchange="alert('This works')"> 

function dofn(){ 
    alert('This fails') 
} 

<select id="page" name="page" type="text" onchange="dofn();"> 

答えて

0

私はあなたが生成しているHTMLをチェックしたいと思います。あなたがしようとしていることに問題はありません(IE7でも)。私はちょうど次のことをテストしたところ、うまくいきました - 3つの選択すべてが変更されたときにアラートを生成します

<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
      $(function() { 
       $("#s3").change(function() { 
        alert("Select 3"); 
       }); 
      }); 

      function changeHandler() { 
       alert("Select 2"); 
      } 
     </script> 
    </head> 
    <body> 
      <select onchange="alert('Select 1');"> 
       <option value="1">first</option> 
       <option value="2">sec</option> 
      </select> 
      <select onchange="changeHandler();"> 
       <option value="1">first</option> 
       <option value="2">sec</option> 
      </select> 
      <select id="s3"> 
       <option value="1">first</option> 
       <option value="2">sec</option> 
      </select> 
    </body> 
</html> 
関連する問題