Come ottenere un'area di testo per nome in JQuery

Conoscenza Informatica

Home Hardware Networking Programmazione Software Domanda Sistemi

* Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

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> <ul class="mhjkhjlj"> <li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1181754.html' >Come rimuovere un gestore eventi in TinyMCE </a></li> <li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1181758.html' >Come incorporare JavaScript Asp.net </a></li> </ul> <div class="deep"> <div class="guanggadsadswqew"><script language='javascript' src='http://www.354353.com/AD/it3.js'></script></div> <div class="guanggadsadswqew1"></div> </div> <div class="xiangguanleitong"> <div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div> <ul> <li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192942.html" target="_blank">Come risolvere Microsoft Visual C libreria di debug </a></li><li><a href="/Programmazione/Java-Programming/1178180.html" target="_blank">JDK non viene rilevato da Java </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1189830.html" target="_blank">Come creare cartelle e copiare i file in VBScript </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1190600.html" target="_blank">Come trovare la lunghezza della stringa array in VB 6.0 </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192016.html" target="_blank">Come rinominare le colonne su VBA e accesso </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192450.html" target="_blank">Come utilizzare più chiamate all'interno di Visual Basic </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182450.html" target="_blank">Come diagnosticare problemi con Javascript </a></li><li><a href="/Programmazione/Java-Programming/1180490.html" target="_blank">Come creare file eseguibili in Java </a></li> </ul> </div> </div> </div> <div class="woshiyouleirog"> <div class="zxtjianasd"> <div class="bidssdfjm3"><h4>Articoli consigliati</h4></div> <div class="dasdcdfurit33"> <ul> <li><a href="/Programmazione/Programmazione-Javascript/1181496.html" target="_blank">Come fare Scroll cumulativo Offset in jQuery </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182454.html" target="_blank">Come controllare un sito web per un Bug JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181882.html" target="_blank">Come output JSON dati con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181814.html" target="_blank">Come nascondere l' elenco a discesa in JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182390.html" target="_blank">Come usare Java Script in Flash 8 </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181942.html" target="_blank">Come creare un bordo lampeggiante sul DIV </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182114.html" target="_blank">Come calcolare lunghezza array in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182450.html" target="_blank">Come diagnosticare problemi con Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181966.html" target="_blank">Come nascondere tutti i div Aperte in JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182400.html" target="_blank">Come reindirizzare una pagina Web utilizzando Javascript </a></li> </ul> </div> </div> <div class="guanggandgsa32a"> </div> <div class="huosirengs"> <li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li> </div> </div> </div> <div class="dsadsafa-da"> <p class="sdqwfwe42"> </p> <p class="vbnhg654">Programmazione © www.354353.com</p> <p class="iop8iud"> </p> </div> </div> </body> </html>