jQuery $ ("# campo") è nullo?

Question

Ho una selectbox con periodi mensili.

Ecco il mio codice:

$(function(){ 
         $("#ppsub_ppterm_id").change(function(){ 
             var term = this.options[this.selectedIndex].text; 
             if(term == "Eenmalig"){ 
               $(".idealtd").show(); 
             }else{ 
               $(".idealtd").hide(); 
               //$("#ppsub_amount option:selected").val('anders'); 
             } 
         }); 
     }); 
<select name="ppsub_ppterm_id" class="ppsub_ppterm_id" 
id="ppsub_ppterm_id" style="width: 100px; font-size: 11px;"> 
               <option value="M">Maand</option> 
               <option value="K">Kwartaal</option> 
               <option value="H">Halfjaar</option> 
               <option value="J">Jaar</option> 
               <option selected value="E">Eenmalig</option> 
             </select> 

Ma quando carico la mia pagina ho staight lontano un errore:

$ ("# ppsub_ppterm_id") è nullo

Linea 17

Qualche idea?

Answer 1

Suoni come JQuery non si carica correttamente. Quale fonte/versione stai usando?

In alternativa, potrebbe essere una collisione nello spazio dei nomi, quindi provare a utilizzare jQuery in modo esplicito anziché $. Se funziona, potresti utilizzare noConflict per assicurarti che l'altro codice che utilizza $ non si interrompa.

Answer 2

assicurarsi che si sta eseguendo il codice jQuery dopo che il documento è stato caricato:

$(document).ready(function() { /* put your stuff here */ }); 

anche assicurarsi di non avere altri controlli con l'id "ppsub_ppterm_id" sulla vostra pagina HTML.

Queste sono le prime cose che vorrei controllare.

Answer 3

Anche se jQuery non ha trovato l'elemento, non sarebbe nullo: sarebbe un oggetto jQuery vuoto.

Sei sicuro che jQuery è stato caricato? È possibile che un'altra libreria JavaScript che stai usando causi dei conflitti?

Answer 4

avete "ppsub_ppterm_id" come classe, nome, id ecc ...

è necessario raccogliere ONE e selezionate da esso. Non è necessario che ID, NOME, CLASS abbiano tutti gli stessi valori.

Probabilmente stai confondendo il diavolo con jQuery.

<a id="ppsub_ppterm_id"> = $("#ppsub_ppterm_id") 

<a class="ppsub_ppterm_id"> = $(".ppsub_ppterm_id") 

<a name="ppsub_ppterm_id"> = $("*[name=ppsub_ppterm_id]") 

Scegliere un modo e andare con esso, ma eliminare tutti quegli attributi ridondanti.

Answer 5

chane '$' di jQuery per esempio:

$ ("# myid") -> jQuery ("# myid")

Funziona