Menu Html avec fonction jQuery

Question

Je souhaite que lorsque je modifie un élément dans un menu déroulant, jquery change le fichier html qui a été produit par un script PHP. Voici le code:

JQUERY

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#regioni').change(function() { 
      if ($(this).val() == 'Home') { 
       $('.classtesto').show(); 
       $('.classfile').hide(); 
       $('.classfoto').hide(); 
       $('.classlogo').hide(); 
       $('.classcategoria').hide(); 
      } 
      if ($(this).val() == 'Gallery') { 
       $('.classtesto').hide(); 
       $('.classfile').hide(); 
       $('.classfoto').show(); 
       $('.classlogo').show(); 
       $('.classcategoria').show(); 
      } 
      if ($(this).val() == 'News') { 
       $('.classtesto').show(); 
       $('.classfile').show(); 
       $('.classfoto').show(); 
       $('.classlogo').hide(); 
       $('.classcategoria').hide(); 
      } 
      if ($(this).val() == 'Risultati') { 
       $('.classtesto').show(); 
       $('.classfile').hide(); 
       $('.classfoto').show(); 
       $('.classlogo').hide(); 
       $('.classcategoria').show(); 
      } 
      if ($(this).val() == 'Sponsor') { 
       $('.classtesto').show(); 
       $('.classfile').hide(); 
       $('.classfoto').hide(); 
       $('.classlogo').show(); 
       $('.classcategoria').hide(); 
      } 
     }) 
    }); 
</script> 

HTML

  <select name="regione" id="regioni"> 
       <option value="">Selezionane una</option> 
       <?php foreach ($regioni as $regione): ?> 
        <option value="<?php htmlout($regione); ?>"<?php 
        if ($regione == $nome_regione) { 
         echo ' selected="selected"'; 
        } 
        ?>><?php htmlout($regione); ?></option> 
         <?php endforeach; ?> 
      </select> 

J'ai 2 problèmes:

.Lorsque je clique sur le « CHOISISSEZ un élément "le programme ne fonctionne pas (il ne cache pas les tags);

Lorsque le code php définit un élément de menu de la page, le programme ne fonctionne pas (il ne cache pas les balises).

Malheureusement, aucun expert sur jquery et javascript, donc je ne trouve pas de solution relativement simple à ce problème.

Answer 1

1. Vous avez besoin d'une instruction IF lorsque "sélectionnez-en un" est sélectionné.

2. Vous devez appeler .change() après avoir terminé les options de chargement de php.

   if ($ (this) .val() == '') { $ ('.classtesto'). Hide(); $ ('. Classfile'). Hide(); $ ('. Classfoto'). Hide(); $ ('. Classlogo'). Hide(); $ ('. Classcategoria'). Hide(); }

Après la sélection du code html (assurez-vous qu'il va après le menu déroulant):

$('#regioni').change(); 

De plus, vous devriez changer le déclencheur pour:

$('#regioni').on('change', function() { 

Voici le