Hoe maak je een tekst Area Get op naam in jQuery

Welkom op de Nederland Computer Kennisnetwerk!

Zoeken computer kennis

* Computer Kennis >> Programmering >> JavaScript Programmeren >> Content

Hoe maak je een tekst Area Get op naam in jQuery

jQuery is een krachtige JavaScript-bibliotheek , waarmee u complexe JavaScript -functies te creëren met een minimum aan code . Met behulp van de jQuery selector systeem is het eenvoudig om te verwijzen naar elk element op een HTML-pagina , en vervolgens lezen of te veranderen zijn waarde . Bijvoorbeeld , kunt u verwijzen naar een element door zijn id referentie, of door gebruik te maken van de waarde van het attribuut naam . Je kan dit gebruiken om validatie uit te voeren op een vormelement , of lees een gebruiker ingevoerde waarde voor gebruik in een berekening of dergelijke . Instructies
1

Open een webbrowser en ga naar de jQuery homepage ( jquery.com ) . Klik op het selectievakje naast " Productie" in de rechterbovenhoek van de homepage en klik op de knop "Download" . Dit zal de productie versie van de jQuery bibliotheek, die wordt gecomprimeerd en minified voor een kleinere bestandsgrootte en snellere laadtijd downloaden . Sla het gedownloade bestand naar een directory met de naam " jQuery " in de root directory van uw website . Kopen van 2

Open een teksteditor of web design applicatie en maak een nieuwe HTML-pagina . Voeg de volgende code tussen de HTML " " en " < /head > " tags.

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

Deze code
laadt de jQuery bibliotheek voor het gebruik op de pagina . Wijzig het versienummer op het einde van de bestandsnaam van de versie die u hebt gedownload , zoals nieuwe versies vaak worden vrijgegeven overeenkomen .
3

Voeg de volgende code aan uw pagina , tussen de HTML " " en " < /body > " tags.

< br

< /> <br> <p> < input type = " button " name> textarea = " myButton " id = " myButton " value = " Weergave " /> <p> < /form > Telefoonkaarten <p> Dit voegt een formulier om uw pagina , met daarin een HTML tekst gebied met de naam " myTextArea , " en een HTML- knop, die de code activeert om de inhoud van de tekst gebied te krijgen als erop wordt geklikt . <br> 4 <p> Voeg de volgende code aan de HTML -tag -ingang wordt gebruikt om de knop te maken , na de attribuutwaarde en vóór de afsluitende tag <p> onclick = " alert ( $ ( ' textarea [ name = myTextArea ] ' ) val ( ) . ) ; " <br> . <br> <p> Deze maakt gebruik van de jQuery code " $ ( ' textarea [ name = myTextArea ] ' ) . val ( ) myTextArea " om de inhoud van de tekst gebied dat een naam attribuut bevat heeft gelezen " . " Met behulp van deze syntaxis kunt u een HTML-element met de naam verwijzen . De val ( ) -functie vertelt jQuery om de waarde van het geselecteerde element, dat alle door de gebruiker ingevoerde tekst leest lezen . De jQuery code is omwikkeld met een webbrowser " alert ( ) " functie om de tekst gebied waarde in een waarschuwingsvenster weergegeven wanneer de knop wordt geklikt . <br> 5 <p> de pagina als " voorbeeld.htm " Opslaan en uploaden naar uw webserver . Open een webbrowser en ga naar de voorbeeld.htm pagina op uw server . Typ tekst in het tekstgebied en klik vervolgens op de "Display" -knop . Een waarschuwingsvenster verschijnt , met daarin de tekst die u hebt getypt in het tekstveld . <br> <br></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/90877.html' >Hoe een Event Handler in TinyMCE </a></li> </td> <td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/90879.html' >Hoe je JavaScript embedden in Asp.net </a></li> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246> <tr> <td height=246 vAlign=top width=199> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=199> <tr> <td height=244 vAlign=top width=197> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>JavaScript Programmeren</STRONG></td> </tr> </table> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90764.html" title="Javascript Gedeeltelijke functies " target="_self">Javascript Gedeeltelijke funct…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90904.html" title="Hoe te Bel een iFrame Via een formulier " target="_self">Hoe te Bel een iFrame Via een …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90803.html" title="Hoe de Google Maps API Marker Bubble Disable " target="_self">Hoe de Google Maps API Marker …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91274.html" title="Hoe te vergelijken Strings in JavaScript " target="_self">Hoe te vergelijken Strings in …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91254.html" title="Hoe maak je een JS -bestand in JSP " target="_self">Hoe maak je een JS -bestand in…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91117.html" title="Javascript Combobox Tutorial " target="_self">Javascript Combobox Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90748.html" title="Hoe om te doen Cumulatieve Scroll Offset in jQuery " target="_self">Hoe om te doen Cumulatieve Scr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91256.html" title="Hoe maak je een webbrowser String Vervang " target="_self">Hoe maak je een webbrowser Str…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91082.html" title="Hoe de gegevens van een database met behulp van Java Script Ophalen " target="_self">Hoe de gegevens van een databa…</a></td></tr><tr></tr></table></td> </tr> </table> </td> <td vAlign=top width=12></td> <td vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Related Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209> <tr> <td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td> <td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td> </tr> </table> </td> </tr> </table> </td> <td vAlign=top width=8></td> <td vAlign=top width=376> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Programmering Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207> <tr> <td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td> <td width="67%"> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90792.html" title="Tutorial voor Hoe jQuery Plugins installeren " target="_self">Tutorial voor Hoe jQuery Plugins install…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91140.html" title="Hoe te berekenen schermresolutie Met Java Script " target="_self">Hoe te berekenen schermresolutie Met Jav…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95376.html" title="Hoe te testen voor een bestand in Visual Basic " target="_self">Hoe te testen voor een bestand in Visual…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86718.html" title="Het verkrijgen van een valideren WSDL- bestand van de URL Axis " target="_self">Het verkrijgen van een valideren WSDL- b…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91074.html" title="Hoe maak je een Link embedden in AS2 " target="_self">Hoe maak je een Link embedden in AS2 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/93179.html" title="Hoe maak je een Secure PHP Login Script Creëren " target="_self">Hoe maak je een Secure PHP Login Script …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86728.html" title="Hoe te Notepad Compile in Programmeurs " target="_self">Hoe te Notepad Compile in Programmeurs </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85478.html" title="Wat is een EOF in de C taal ? " target="_self">Wat is een EOF in de C taal ? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90980.html" title="Hoe te Div Codes Vervang " target="_self">Hoe te Div Codes Vervang </a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57> <tr> <td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> </div> </body> </html>