Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
    		•
    * Dator Kunskap >> Programmering >> JavaScript programmering >> Content

    Hur du ändrar en Drop - Down Index i JavaScript
    Javascript ger dig möjlighet att dynamiskt ändra innehållet på en användares webbläsare skärmen eftersom manuset är bosatt och löper inuti användarens webbläsare . Till exempel kan du ändra en drop -down indexvärde i JavaScript genom att få elementets index värde i arrayen och ändra text-egenskapen för det elementet . Du bör tilldela ett namn till den form och till inslag i form för att göra det enkelt att referera till dem . Instruktioner
    1

    Skapa en webbsida som gör det möjligt för en användare att beställa förbrukningsmaterial och kommer att ändra namnet på objektet till " Slutsåld " när det inte finns fler kvar . Skapa ett HTML-dokument med Notepad eller en HTML-editor och lägga till HTML-huvuden till dokumentet : < ! DOCTYPE HTML >




    Beställ förbrukningsmaterial < /title > <br> 2 <p> Lägg till Javascript -kod för att spåra inventering och ändra objektet namn till Slutsåld när inventeringen går till noll . Initiera globala variabler med start inventarieförteckningen : <br> <p> <script> <br> <p> var- pennor = 5; <br> <p> var papper = 5; <br> <p> var häftapparater = 5; <br> 3 <p> Skapa en JavaScript -funktion som får den valda posten när användaren klickar på en order knappen . Använd " selectedIndex " egenskapen att få objektet index och " text " egendom för att få sitt namn : <br> <p> funktion beställning ( ) { <br> <p> var index = document.supplies.items.selectedIndex ; <br> <p> var- poster = document.supplies.items [ index ] text , <br> 4 <p> Ställ en flagga som indikerar ett objekt säljs ut till . " falskt : " <br> <p> var SOLDOUT = false; <br> 5 <p> Decrement inventeringen för det markerade objektet . Om inventeringen faller till noll , ändra rullgardinsmenyn index text till " Sold Out : " <br> <p> switch ( objekt ) { <br> <p> case " Pencil " : <br> <p> - pennor , <br> <p> om ( pennor == 0 ) SOLDOUT = true; <br> <p> break; <br> <p> case " papper " : <br> <p> - papper ; <br > <p> if ( papper == 0 ) SOLDOUT = true; <br> <p> break; <br> <p> case " Häftapparat " : <br> <p> - häftapparater ; <br> <p> if ( häftapparater == 0 ) SOLDOUT = true; <br> <p> break; . <br> <p> } <br> <p> om ( SOLDOUT ) document.supplies.items [ index ] text = " Slutsåld " ; <br> <p> } <br> <p> < /script > <br> <p> < /head > <br> 6 <p> Skapa HTML- formulär och tilldela det namnet du använde i JavaScript -funktionen . Skapa rullgardinsmenyn med <Välj> taggen och använda namnet från JavaScript -funktionen . Lägg objekten med <option> taggen och lägga till en knapp för att anropa JavaScript-funktionen : <br> <p> <body> <br> <p> <form name="supplies"> <br> <p> < select type = " button" name = " addtoorder " value = " Order " onClick = " ordning ( ) ; " > <br> <p> </form > <br> <p> < /body> <br> <p> < /html > <br> 7 <p> Spara HTML-filen . Öppna den i en webbläsare och testa funktionaliteten . <br> <br> <div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90949.html' >Hur du uppdaterar DIV </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90951.html' >Hur Ring JavaScript Från en HTML-mall </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </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="http://www.dator.xyz/Programmering/javascript-programming/90926.html" title="Hur man tar bort rullningslister Använda JavaScript " target="_self">Hur man tar bort rullningslister Använda JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91052.html" title="Hur uppdaterar sessionsvariabler från JavaScript " target="_self">Hur uppdaterar sessionsvariabler från JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90994.html" title="Hur inkludera externa JS i Javascript " target="_self">Hur inkludera externa JS i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90910.html" title="Hur Ping i Javascript " target="_self">Hur Ping i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90787.html" title="Hur man gör en JavaScript Kundvagn " target="_self">Hur man gör en JavaScript Kundvagn </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91026.html" title="Hur man kör JavaScript på en webbsida " target="_self">Hur man kör JavaScript på en webbsida </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90846.html" title="Hur man skapar ett JavaScript Wrapper för API " target="_self">Hur man skapar ett JavaScript Wrapper för API </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91194.html" title="Hur man kontrollerar för heltal i JavaScript " target="_self">Hur man kontrollerar för heltal i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91256.html" title="Hur man byter en JavaScript String " target="_self">Hur man byter en JavaScript String </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90780.html" title="Skillnad mellan OnBeforeUnload & onunload " target="_self">Skillnad mellan OnBeforeUnload & onunload </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 class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95626.html" title="Hur Infoga Null Into tabell Visual Basic & Adox " target="_self">Hur Infoga Null Into tabell Visual Basic & Adox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89030.html" title="Vad är multihomed Host i Java " target="_self">Vad är multihomed Host i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87256.html" title="Hur får man Längd på en post i COBOL " target="_self">Hur får man Längd på en post i COBOL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/93448.html" title="Vad är Python för Windows PC " target="_self">Vad är Python för Windows PC </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/90186.html" title="Hur ta reda på din javac Version " target="_self">Hur ta reda på din javac Version </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88054.html" title="Hur man skapar en iPhone Installer Package " target="_self">Hur man skapar en iPhone Installer Package </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88573.html" title="Vilka typer av Math Gör programmerare Använd " target="_self">Vilka typer av Math Gör programmerare Använd </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95248.html" title="Hur får Visual Basic 2008 " target="_self">Hur får Visual Basic 2008 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88936.html" title="Hur du använder HTML Block Elements " target="_self">Hur du använder HTML Block Elements </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87531.html" title="Hur man använder metadata för HTML -kod " target="_self">Hur man använder metadata för HTML -kod </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>