JQuery .spectacle à ne pas travailler dans IE7

Cette .spectacle et .masquer fonctionne très bien dans Firefox 3, mais pas sous IE 7.
Lorsque je clique sur < dans la liste c'est à dire la durée de peaux mais n'a pas
montrer à nouveau lorsque je sélectionne Entre à nouveau.

Je fais quelque chose de mal?

    <select id="lst" onchange="onselectchange();">
        <option>Between</option>
        <option>&lt;</option>
    </select>   
    &nbsp;&nbsp;
    <span id="spanAnd">And</span>

   <script type="text/javascript">
       function onselectchange() {
           var lst = document.getElementById('lst');
           var sp = document.getElementById('spanAnd');
           if (lst.value == 'Between') {
               $('#spanAnd').show();
           }
           else {
               $('#spanAnd').hide();
           }
       }
   </script>

EDIT: j'ai essayé onclick et onchange.

  • Aussi, quel est votre sp de la variable de faire là-dedans? Vous n'avez jamais l'utiliser.
  • Ne blâme pas jQuery pour ce qui pourrait être vos propres erreurs
  • Lors de l'utilisation de jQuery, il n'est plus besoin d'utiliser getElementById. utilisez un sélecteur $('#monid')
  • Malcolm, vous n'avez jamais choisi une réponse pour cette question. Avez-vous jamais il résolu? Sinon, je tiens à vous aider à résoudre afin que les visiteurs peuvent obtenir une réponse si l'tomber sur ce problème/question. Si oui, vous devriez aller de l'avant et de le faire.
InformationsquelleAutor Malcolm | 2009-04-24
  1. 2

    Essayez ceci (à assembler certaines choses que j'ai laissé dans les commentaires à deux autres réponses):

    <script type="text/javascript">
$(function() {
  $("#lst").change(function() {
    if ($("#lst").val() == 'Between') {
      $('#spanAnd').show();
    }
    else {
      $('#spanAnd').hide();
    }
  })
});
</script>
    InformationsquelleAutor Kip
  2. 6

    Utiliser le jQuery méthode de liaison au chargement de la page... il contribuera résumé de votre interaction logique de votre logique de présentation.

    <script type="text/javascript">
    $(function() {
        $('#lst').bind('change',function() {
            var sp = $('#spanAnd');
            if($(this).val() == 'Between') {
               sp.show();
            } else {
               sp.hide();
            }
        });
    });
</script>

    C'est aussi simple que cela...

    REMARQUE: je viens de remarquer que vous êtes à la vérification de la texte de l'option et non pas la valeur de la zone de sélection. Franchement, je pense que c'est idiot, mais si vous avez besoin de le faire pour une raison quelconque, vous pouvez le faire:

    <script type="text/javascript">
    $(function() {
        $('#lst').bind('change',function() {
            var sp = $('#spanAnd');
            var selected_text = $(this).find('option:selected').html();
            //Possibly faster ways (thanks to bayard and bendewey):
            /*
            var selected_text = $("#lst option[value=" + $('#lst').val() + "]").text();
            //... or ...
            var selected_text = $("option[value="+$('#lst').val()+"]",this).text();
            //... or even... 
            var selected_text = $(this).children('option[value="+$('#lst').val()+"]").text();
            */ 
            if(selected_text == 'Between') {
               sp.show();
            } else {
               sp.hide();
            }
        });
    });
</script>

    À faire ma suggestion de travail, vous devez modifier votre code HTML à:

    <select id="lst" onchange="onselectchange();">
    <option value="Between">Between</option>
    <option value="&lt;">&lt;</option>
</select>

    ... qui, comme je l'ai dit, semble un peu comme ce que vous voulez le faire de toute façon.

    • c'est génial, pas besoin de gérer les événements dans le balisage!
    • btw, je pense que votre méthode est la mieux indiquée, mais le jquery docs vous suggérons d'utiliser ($('#id :selected').texte() pour obtenir l'option de texte, par opposition à la valeur .val(). On peut supposer que si il n'y a pas de valeur d'option est spécifiée, la valeur est considérée comme équivalente à l'option texte.
    • +1 c'est la façon dont j'allais le faire en jQuery, je n'aime pas le mélange de l'ancien avec le nouveau.
    • Randel pouvez-vous le lien vers la doc. J'ai fait des tests de performance sur $('#id :selected') étant sensiblement plus lent que $('#id').val();
    • stackoverflow.com/questions/541236/...
    • Une raison de l'utiliser .bind('modifier', ...) au lieu de .change(function()) ?
    • b, Parce que je l'aime mieux, haha. Je suis allé dans les détails à ce sujet dans une de mes réponses: stackoverflow.com/questions/756547/...
    • et .texte() doit retourner des valeurs différentes (en supposant une valeur d'option est activée). Le post que vous avez liés offre une bonne solution qui évite d'utiliser le sélecteur de bien: $( "#id option[valeur=" + $( "#id").val(); + "]").text();

    InformationsquelleAutor KyleFarris
  3. 1

    Essayez d'utiliser jQuery pour trouver et lire les éléments également. Quelque chose comme ceci:

     function onselectchange() {
       var lst = $('#lst');
       var sp = $('#spanAnd');
       if ($(lst).val() == 'Between') {
           $(sp).show();
       }
       else {
           $(sp).hide();
       }
   }
    • Testé brièvement dans IE7 et semble fonctionner.
    • Il n'y a pas de raison (et en fait, je suis surpris qu'il a travaillé) pour faire '$(sp).show()', par exemple, quand il est déjà un objet jQuery. Vous êtes a pour effet de transformer un objet jQuery dans un objet jQuery. Vous pouvez simplement utiliser 'sp.show()'
    • Bien que votre droit il n'y a pas de différence de fonctionnement en re-wraping un objet jquery ensemble. $($($($(sp)))) fonctionne toujours très bien.
    • Ouais, c'est ce que je pensais. Je me souviens vaguement de faire que, bien souvent, lorsque j'ai commencé l'apprentissage de jQuery et jamais il ne m'a causé un problème. Prendra plus de souvenir. :-\
    • bon point, j'ai fait de cette façon tout le long! 🙂 Bon à savoir.
    InformationsquelleAutor wows
  4. 1

    Il ya beaucoup de problèmes que vous avez là.

    pas d'emballage dans $(document).prêt(); L'élément ne peut pas être chargé lorsque le script est exécuté.

    À l'aide d'un nom de variable commence par un nombre. (le mauvais style, et pas sûr que c'est encore autorisé)

    En utilisant le nom de la variable qui correspond à un identificateur de l'élément.

    (Les anciennes versions d'IE permettait d'utiliser des ID.que ce soit, sans l'appel de document.getElementById())

    Mélange jQuery /DOM Standard.

    Appelant val() vous donne l'option de la valeur de l'attribut, et non le texte de l'option

       <select id="first">
        <option value="between">Between</option>
        <option>&lt;</option>
    </select>   

    <span id="spanAnd">And</span>

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

         $("#first").change(function(){   

            if ($("#first").val() == 'between') {
                $("#spanAnd").show();
            }   
            else {
               $("#spanAnd").hide();
            }   

        });
       });
   </script>
    • $(document).ready(function(){ ... }); est le même que $(function() { ... });
    InformationsquelleAutor Chad Grant
  5. 0

    Mise à jour: Pardonnez-moi si cette réponse est loin; je ne suis pas un utilisateur jQuery. Ce sont mes pensées, bien:

    lst.value n'est pas un chemin valide pour accéder à des éléments de sélectionner l'élément dans IE; au moins, je ne l'ai jamais vu faire de cette façon (ou est-ce une astuce jQuery?)

    Faire ceci à la place:

    if (lst.options[lst.selectedIndex].text == 'Between') { ...

    Également remarquer que j'ai utilisé la propriété "text", comme c'est la valeur entre les <option> balises. La valeur de la propriété est l'attribut qui est censé exister sur le <option> élément, telles que: <option value="0">Between</option>

    • Je pense que $("#lst").val() devrait fonctionner sur tous les navigateurs. si vous utilisez jquery, l'utilisation de jquery. 🙂
    InformationsquelleAutor Cᴏʀʏ
  6. 0

    Tout d'abord, pour obtenir l'option sélectionnée texte avec jQuery est

    $("#lst option:selected").text();

    Reportez-vous à cette http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_get_the_text_value_of_a_selected_option.3F si vous avez besoin de plus de précisions.

    Deuxième de tous, pour l'obtenir sans une bibliothèque,

    var lst = document.getElementById('lst');
var ind = lst.selectedIndex;

var text = lst.options[ind].text;
    InformationsquelleAutor Dhana
  7. 0

    Cela fonctionne sous IE et Firefox

        <select id="lst" onchange="onselectchange();">
        <option>Between</option>
        <option>&lt;</option>
    </select>   

    <span id="spanAnd">And</span>

   <script type="text/javascript">
       function onselectchange() {
           if ($('#lst :selected').text() == "Between") {
               $('#spanAnd').show();
           }
           else {
               $('#spanAnd').hide();
           }
       }
   </script>
    InformationsquelleAutor Bayard Randel