valore Set di testo utilizzando il modello JQuery

Question

mio Jade -

input#main_search.span2(
    style = 'height: 26px; width: 800px;' , 
    type = 'text', 
    readonly='true', 
    name='searchBar', 
    value='test' 
) 

file di JS -

$('#searchBar').val('hi') 
console.log('sup') 

uscita Console -

sup 

Ma searchBar valore statistiche a prova. Che cosa sto facendo di sbagliato?

Answer 1

Si accede sup direttamente che è una stringa

console.log('sup') 

Inoltre si sta utilizzando l'id sbagliato

Il modello dice #main_search ma si utilizza #searchBar

Suppongo che stiate provando questo

$(function() { 
    var sup = $('#main_search').val('hi') 
    console.log(sup); // sup is a variable here 
}); 

Answer 2

Assicurarsi di avere il selettore di destra, quindi attendere che la pagina sia pronta e che l'elemento esista finché non si esegue la funzione.

$(function(){ 
    $('#searchBar').val('hi') 
}); 

Come dice Derek, anche l'ID è sbagliato.

Scelgo $('#main_search')

Answer 3

Hai scelto come target l'elemento sbagliato con il selettore jQuery. Il name della barra di ricerca è searchBar, non lo id. Quello che si desidera utilizzare è $('#main_search').val('hi').

Answer 4

1) che si sta chiamando sbagliato modo prova:

$(input[name="searchBar"]).val('hi') 

2) se non funziona chiamare il vostro file .js alla fine della pagina o di innescare la funzione sull'evento document.ready

$(document).ready(function() { 
    $(input[name="searchBar"]).val('hi'); 
}); 

Answer 5

$(document).ready(function() { 
$('#main_search').val('hi'); 
});