JQuery – Fare Clic Sul Pulsante Submit Ottenere La Forma Di Valore

Ho la seguente funzione e a tutti sto cercando di fare è ottenere il valore del campo modulo.

$( ".searchbutton" ).click(function() {
    var tc = $(this).closest("form input[name='searchbox']").val();
    alert(tc);      
    return false;
}); 

L’avviso continua a dirmi “Undefined”. Ho treid più vicino, genitore, genitori, trovare, etc. Non so cosa sto facendo di sbagliato. Im facendo clic sul pulsante invia e tutto quello che voglio in cambio, il valore nella casella di ricerca. Si prega di aiuto.

html

<form action="/index.php" method="get" class="qsearch" >
<input type="text" id="fsearch" name="searchbox" >
<input class="searchbutton" type="submit" value="Submit">
</form>
var tc = $(‘#fsearch’).val(); dal momento che si dispone già di un id, perché complicare?
Non sono sicuro se c’è un id perché non utilizza $('#fsearch').val();?
lol, allo stesso tempo (quasi). 🙂

OriginaleL’autore user982853 | 2014-12-30

3 Replies
  1. 6

    Provare questo:

    $( ".searchbutton" ).click(function() {
        var tc = $(this).closest("form").find("input[name='searchbox']").val();
        alert(tc);      
        return false;
    }); 

    Aggiornamento
    Sì, è lavorare con HTML – vedi qui http://jsfiddle.net/qa6z3n1b/

    Come alternativa, è necessario utilizzare

    $( ".searchbutton" ).click(function() {
        var tc = $(this).siblings("input[name='searchbox']").val();
        alert(tc);      
        return false;
    }); 

    nel tuo caso. http://jsfiddle.net/qa6z3n1b/1/

    Vi ringrazio tanto. Questo funziona.
    aggiornamento. E piccolo consiglio: non usare alert(), utilizzare console.log()

    OriginaleL’autore Vladimir Chichi

  2. 2

    Tenta modo più semplice:

    <script>
    $( ".searchbutton" ).click(function() {
    var tc = $('#fsearch').val();
    alert(tc);      
    return false;
    }); 
    </script>

    OriginaleL’autore Priyank

  3. 0

    Come circa usando solo $('input[name="searchbox"]') di selezione:

    $( ".searchbutton" ).click(function() {
        var tc = $('input[name="searchbox"]').val();
        alert(tc);      
        return false;
    }); 

    OriginaleL’autore jyrkim

Lascia un commento