Comment se débarrasser de l'erreur jquery

Question

Ci-dessous mon code complet, sa base, vous sélectionnez un pays et il montre ou cache la forme correcte en dessous, problème est qu'il donne une erreur

« getState » est pas définir

Maintenant, je suis un noob total à cela, mais comment débugger ce genre d'erreurs?

<form method="post" name="form1"> 
    <select style="background-color: #ffffa0" name="country" onchange="getState(this.value)"> 
     <option>Select Country</option> 
     <option value="223">USA</option> 
     <option value="224">Canada</option> 
     <option value="225">England</option> 
     <option value="226">Ireland</option> 
    </select> 

    <select style="background-color: #ffffa0" name="state"> 
     <option>Select Country First</option> 
    </select> 

    <input type="text" name="othstate" value="" class="textBox" style="display: none;"> 
</form> 

<script> 
$(function() { 
    $('#country').change(function() { 
     var val = $(this).val(); 
     if (val == 223 || val == 224) { 
      $('#othstate').val('').hide(); 
      $.ajax({ 
       url: 'findState.php', 
       dataType: 'html', 
       data: { country : val }, 
       success: function(data) { 
        $('#state').html(data); 
       } 
      }); 
     } 
     else { 
      $('#state').val('').hide(); 
      $('#othstate').show(); 
     } 
    }); 
}); 
</script> 

**** CODE MISE À JOUR PARTIELLEMENT **** TRAVAIL

<script> 
$(document).ready(function() { 
    getState(); 
}); 

function getState() { 
    $('#country').change(function() {   
     var val = $(this).val(); 
    if (val == 223) { 
     $('#state').val('').show(); 
     $('#othstate').hide(); 
    }else { 
     $('#state').val('').hide(); 
     $('#othstate').show(); 
    } 
    }); 
} 
</script> 

<form method="post" name="form1"> 
    <select style="background-color: #ffffa0" name="country" id="country"> 
     <option>Select Country</option> 
     <option value="223" selected="selected">USA</option> 
     <option value="224">Canada</option> 
     <option value="225">England</option> 
     <option value="226">Ireland</option> 
    </select> 
<div id="state"> 
    <select style="background-color: #ffffa0" name="state" id="state"> 
     <option>Select State</option> 
     <option value="1">Florida</option> 
     <option value="2">New York</option> 
     <option value="3" selected="selected">Georgia</option> 
     <option value="4">California</option> 
    </select> 
</div> 
<div id="othstate"><input type="text" name="othstate" id="othstate" value="" class="textBox"></div> 
</form> 

Answer 1

Vous n'avez pas nommé votre fonction getState .... elle ne sait pas où aller pour trouver la définition de la fonction "getState"!

aussi vous n'avez pas configuré correctement vos événements ... devrait ressembler à ceci:

<script> 
$(document).ready(function() { 
    getState(); 
}); 

function getState() { 
    $('#country').change(function() {   
     var val = $(this).val(); 
     if (val == 223 || val == 224) { 
     $('#othstate').val('').hide(); 
     $.ajax({ 
      url: 'findState.php', 
      dataType: 'html', 
      data: { country : val }, 
      success: function(data) { 
       $('#state').html(data); 
      } 
     }); 
    }else { 
     $('#state').val('').hide(); 
     $('#othstate').show(); 
    } 
    }); 
} 
</script> 

vous devrez peut-être supprimer le « onChange » de la balise select que l'autre affiche mentionnée. dans jQuery, vous ne définissez pas réellement les événements dans le HTML (un avantage!), vous liez simplement les événements aux éléments basés sur leur étiquette, id, ou classe CSS.

EDIT: J'ai remarqué que vous utilisez name="country" au lieu de id="country" ou class="country" ... cela vous évitera de faire des sélections appropriées

Answer 2

Je pense que vous avez juste besoin d'enlever le onchange = "getState (this.value)" attribut de votre select tag, car la fonction JavaScript getState n'est plus nécessaire/en cours d'utilisation.

Answer 3

Vous devez supprimer l'appel à getState dans votre élément de sélection. De plus, j'ai remarqué que dans votre script, vous référencez les noms des éléments comme s'ils étaient des ID. Vous devez soit modifier vos attributs de nom en attributs id, soit utiliser des sélecteurs tels que "select[name='country']".