<select> Jquery点击不在IE7,IE8和Safari中工作

Question

我有这个JavaScript代码:

<script type="text/javascript">
  $(document).ready(function() {

        $("#no-option").click(function() { 
            $("#additional-info").html('');
        },
        function() {}
        );      
        $("#military-option").click(function() { 
            $("#additional-info").append('<label>Current Employer:</label><input type="text" name="currentemployer" class="textfield" /><br /><label>Role:</label><input type="text" name="role" class="textfield" /><br /><label>Total Hours:</label><input type="text" name="totalhours" class="textfield" /><br />');
        },
        function() {}
        );
        $("#corporate-option").click(function() { 
            $("#additional-info").append('<label>Current Employer:</label><input type="text" name="currentemployer" class="textfield" /><br /><label>Role:</label><input type="text" name="role" class="textfield" /><br /><label>Total Hours:</label><input type="text" name="totalhours" class="textfield" /><br />');
        },
        function() {}
        );
        $("#uav-option").click(function() { 
            $("#additional-info").append('<label>Write a brief description of UAV Experience:</label><textarea name="briefdescription" cols="" rows="" class="textarea"></textarea>');
        },
        function() {}
        );

  });
</script>

和HTML部分:

<select name="interest" class="validate[required] dropdown">
    <option value="" id="no-option" selected="selected">- Please Select -</option>
    <option value="Military" id="military-option">Military</option>
    <option value="Private/Corporate" id="corporate-option">Private/Corporate</option>
    <option value="UAV" id="uav-option">UAV</option>
</select>

这在FF和IE9中完美运行.有人可以帮我修复IE7/8的这个问题吗？

Answer 1

不可能.旧版IE版本无法识别选项单击事件.您将不得不使用选择更改事件.

例如

$('#interest').change( selectChange );

function selectChange(){

  var selectedValue = $(this).val();

  switch (selectedValue){

     case 'Military':
       //do something
       break;

     case 'Private/Corporate':
       //do something else
       break;

  }

}