Come ottenere un'area di testo per nome in JQuery

Programmazione

C /C + + Programming

Computer Programming Languages

Delphi Programming

Java Programming

Programmazione Javascript

PHP /MySQL Programmazione

Perl Programming

Python Programming

rubino Programmazione

Nozioni di base di Visual Programming

* Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> Content

Come ottenere un'area di testo per nome in JQuery

jQuery è una libreria JavaScript e potente che permette di creare funzioni JavaScript complesse con un minimo di codice . Utilizzando il sistema di selettore jQuery è facile fare riferimento a qualsiasi elemento in una pagina HTML , e quindi leggere o modificare il valore. Ad esempio, è possibile fare riferimento a un elemento di riferimento per il suo id , o utilizzando il valore dell'attributo name . È possibile utilizzare questo per eseguire la convalida su un elemento di forma , o per leggere un valore immesso dall'utente per l'utilizzo in un calcolo o simili . Istruzioni
1

Aprire un browser Web e andare alla pagina iniziale jQuery ( jquery.com ) . Fare clic sulla casella di controllo accanto a " produzione" in alto a destra della home page , quindi fare clic sul pulsante "Download" . Questo scaricherà la versione di serie della libreria jQuery , che viene compresso e ridotte di un file di dimensioni più piccole e il tempo di caricamento più veloce . Salvare il file scaricato in una directory chiamata " jquery " nella directory principale del tuo sito web .
2

Aprire un editor di testo o un'applicazione web design e di creare una nuova pagina HTML . Aggiungere il seguente codice tra il codice HTML " " e " " tag .

< Tipo script = "text /javascript " src = " /jquery/jquery-1.6.2 . min.js "> < /script>

Questo codice carica la libreria jQuery per l'uso sulla pagina . Modificare il numero di versione alla fine del nome del file in modo che corrisponda alla versione che si è scaricato , come vengono rilasciate nuove versioni di frequente.
3

Aggiungere il seguente codice alla vostra pagina , tra il codice HTML " "e" < /body > " tag .

< br

<br> <p> < input type = name> name="myTextArea" id="myTextArea" cols="45" rows="5"> textarea " pulsante " = id " myButton " = valore " myButton " = "Visualizza " /> <br> <p> < /form > <br> <p> Questo aggiunge un modulo per la tua pagina , contenente un'area di testo HTML denominato " myTextArea , " e un pulsante HTML , che innesca il codice per ottenere il contenuto dell'area di testo quando si fa clic . <br> 4 <p> Aggiungere il seguente codice per il tag input HTML utilizzato per creare il pulsante , dopo l'attributo value e prima del tag di chiusura <br> <p> onclick = " alert ( $ ( ' textarea [ name = myTextArea ] ') val ( ) . ) ; " . <br> <p> Questo utilizza il codice jQuery "$ ( ' textarea [ name = myTextArea ] ') . val ( ) "per leggere il contenuto dell'area di testo che ha un attributo name che contiene " myTextArea " . Usando questa sintassi permette di riferimento qualsiasi elemento HTML utilizzando il suo nome . La val ( ) funzione dice a jQuery per leggere il valore dall'elemento selezionato , che legge qualsiasi testo inserito dall'utente . Il codice jQuery è avvolto con un " alert ( ) " la funzione JavaScript per visualizzare il valore di testo in una finestra di avviso quando si fa clic sul pulsante . <br> 5 <p> Salvare la pagina come " example.htm " e caricare sul server web. Aprire un browser Web e andare alla pagina example.htm sul server . Digitare del testo nel campo di testo e fare clic sul pulsante "Visualizza " . Apparirà una finestra di avviso , contenente il testo digitato nel campo di testo . <br> <br> <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programmazione/javascript-programming/90877.html' >Come rimuovere un gestore eventi in TinyMCE </a></li></p></td> </tr> <tr> <td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/90879.html' >Come incorporare JavaScript Asp.net </a></li></td> </tr> </table></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> Articoli Correlati </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91149.html" title="Tutorial Javascript per PDF " target="_self">Tutorial Javascript per PDF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91177.html" title="Array Tutorial Javascript " target="_self">Array Tutorial Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91025.html" title="Come modificare il colore di sfondo di una riga in JavaScript " target="_self">Come modificare il colore di sfondo di una riga in Java…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90996.html" title="Come visualizzare un tag in Javascript " target="_self">Come visualizzare un tag in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91210.html" title="Come creare XLS con JavaScript " target="_self">Come creare XLS con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90997.html" title="Come scrivere per un div da javascript " target="_self">Come scrivere per un div da javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91180.html" title="Tutorial JavaScript per la funzione di convalida Tempo " target="_self">Tutorial JavaScript per la funzione di convalida Tempo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91219.html" title="Come modificare un collegamento ipertestuale con JavaScript " target="_self">Come modificare un collegamento ipertestuale con JavaSc…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90966.html" title="Come Timeout in JavaScript " target="_self">Come Timeout in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91172.html" title="Come creare uno script Data " target="_self">Come creare uno script Data </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Articoli in evidenza </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92989.html" title="Come formattare i numeri di telefono in PHP " target="_self">Come formattare i numeri di telefono in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90606.html" title="Certificazione Java FAQ " target="_self">Certificazione Java FAQ </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86798.html" title="Come saltare in ActionScript " target="_self">Come saltare in ActionScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92659.html" title="Quali sono i dati entry Screen Lingue usate " target="_self">Quali sono i dati entry Screen Lingue usate </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/93120.html" title="Come confrontare le date con SQL Oracle " target="_self">Come confrontare le date con SQL Oracle </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85680.html" title="Come scrivere un parser in C " target="_self">Come scrivere un parser in C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87267.html" title="Come eseguire l'associazione a un tipo di oggetto con WPF " target="_self">Come eseguire l'associazione a un tipo di oggetto con W…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88297.html" title="Come imparare VB per l'accesso " target="_self">Come imparare VB per l'accesso </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/96235.html" title="Come avviare telnet da Visual Basic " target="_self">Come avviare telnet da Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90817.html" title="Come modificare il marcatore in una API di Google Maps " target="_self">Come modificare il marcatore in una API di Google Maps </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="8" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=middle>Copyright © Conoscenza Informatica http://it.wingwit.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>