jQuery 在 Firefox 上工作,但部分在 IE8 上工作

jQuery working on Firefox but partially on IE8

我制作了一个 jQuery 脚本,它在 Firefox 上运行良好但在 IE8 上运行不佳。 在 IE 上,当我 select 一个选项时,标题不会改变,但在 Firefox 中它会改变。 我正在使用 jQuery v 1.11.3,应该与 IE8 兼容。 我的 HTML 代码:

<!DOCTYPE html>
<html>
<head>
    <title>Mise à jour des lits</title>
    <meta charset="UTF-8">
</head>
<body>
     <h1>Mise à jour des lits</h1>

    <form method="post" action="#">
        <label>Veuillez entre le code de l'Unité Fonctionelle:</label><br>
        <input type="text" id="uf" /><br><br>

        <select name="uf" id="uf-resultat">
            <option selected="selected"></option>
        </select>

        <div class="hidden">
            <h2>Modification de l'UF : <span id="titre"></span></h2>
            <i>Dernière mise à jour: </i>

            <br>
            <input type="submit" value="Mettre à jour">
            <button id="fermer">Fermer</button>
        </div>
    </form>
    <script src="../Vue/JS/jquery.js"></script>
    <script src="../Vue/JS/ajax-uf.js"></script>
</body>
</html>

这是我的 jQuery 脚本:

$(document).ready(function(){
var uf = $('#uf');

// Lorsque le cadre commence à saisir le numéro de son UF
uf.keyup(function(){
    if (uf.val().length >= 2){
        var valeur = 'uf=' + uf.val();

        // On lance la requête AJAX
        $.ajax({
            type : 'GET',
            url  : 'ajax.php',
            data : valeur,
            success : function(server_response){
                $('#uf-resultat').append(server_response);

                // Si le cadre rajoute un chiffre à son UF où s'il l'efface, on efface les options du select
                // Pour éviter que la nouvelle requête AJAX se rajoute à celle effectuée précédemment
                uf.keyup(function(){
                    $('#uf-resultat option').remove();
                    $('#uf-resultat').append('<option selected="selected"></option>');
                });

                // Lorsque le cadre à selectionné son UF
                $('#uf-resultat option').click(function(){
                    var uf_choisi = $('#uf-resultat option:selected').val();

                    // On efface le titre au cas où il y aurait un Uf qui aurait déjà été sélectionné
                    $('#titre').contents().filter(function(){
                        return this.nodeType == 3;
                    }).remove();

                    $('#titre').append(uf_choisi);

                    // On déclanche une nouvelle requête AJAX pour savoir la date de la dernière modification
                    // Ainsi que la personne qui a modifié le compte de clits pour cet UF
                    console.log(uf_choisi);
                }); 
            }
        });
    }
});
});

有人有想法吗?

提前致谢。

最后,

此解决方案有效:

$('select').change(function(){

感谢帮助