|
|
|
| Hvordan endre en Drop - Down Index i JavaScript |
|
JavaScript gir deg muligheten til å dynamisk endre innholdet på en brukers nettleser skjermen fordi manuset befinner seg, og går inn i brukerens nettleser. For eksempel kan du endre en drop- down indeksverdi i JavaScript ved å få element indeks verdi i matrise og endre teksten eiendommen til det elementet . Du bør gi et navn til den form og det element i form til å gjøre det enkelt å referere til dem . Instruksjoner
en Lag en webside som vil tillate en bruker å bestille rekvisita og vil endre navnet på elementet til " Utsolgt " når det ikke er mer igjen . Lag et HTML-dokument med Notepad eller en HTML-editor og legge til HTML overskrifter i dokumentet : < ! DOCTYPE HTML >
Bestill rekvisita < /title> <br> 2 <p > Legg til Javascript -kode for å spore inventar og endre elementet for å Utsolgt når beholdningen går til null. Initialisere globale variabler med start inventar for hvert element : en <p> <script> <br> <p> VAR blyanter = 5; <br> <p> Div. papir = 5; <br> <p> Div. stiftemaskiner = 5 , <br> 3 <p> Lag en JavaScript-funksjon som får det valgte elementet når brukeren klikker en bestill-knappen. Bruk " SelectedIndex " eiendom for å få varen indeksen og "teksten" eiendom for å få sitt navn : en <p> funksjon for ( ) { <br> <p> Var index = document.supplies.items.selectedIndex ; <br> <p> VAR elementer = document.supplies.items [ index ] tekst ; <br> 4 <p> Still et flagg som indikerer en elementer er solgt ut til . "false : " <br> < p > var soldout = false; <br> 5 <p> Decrement beholdningen for det valgte elementet . Hvis beholdningen faller til null , endre drop- down -indeksen tekst til " Utsolgt : " <br> <p> bryteren ( elementer ) { <br> <p> case " Pencil " : en <p> - blyanter ; <br> <p> if ( blyanter == 0 ) soldout = true; <br> <p> pause, <br> <p> case " Paper " : en <p> - papir ; <br > <p> if ( papir == 0 ) soldout = true; <br> <p> pause, <br> <p> case " stifter " : en <p> - stiftemaskiner ; <br> <p> if ( stiftemaskiner == 0 ) soldout = true; <br> <p> pause ; . <br> <p> } <br> <p> hvis ( soldout ) document.supplies.items [ index ] text = " Utsolgt "; <br> <p> } <br> <p> < /script > <br> <p> < /head> <br> 6 <p> Lag HTML-skjemaet og tilordne den navnet du brukte i JavaScript-funksjon . Opprett drop- down boks med <velg> tag og bruke navn fra JavaScript-funksjonen . Legg elementene med <alternativ> tagge og legge til en knapp for å ringe JavaScript-funksjon : en <p> <body> <br> <p> <form name="supplies"> <br> < p> < velg type = " button" name = " addtoorder " value = " Order" onClick = "rekkefølge (); " > <br> <p> < /form > <br> <p> < /body > <br> <p> < /html > <br> 7 <p> Lagre HTML-filen . Åpne den i en nettleser og teste funksjonaliteten . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90949.html' >Hvordan oppdatere DIV </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90951.html' >Hvordan Ring JavaScript Fra en HTML-mal </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<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.datamaskin.biz/Programmering/javascript-programming/90816.html" title="Hvordan bruke jQuery Sette inn en Anchor " target="_self">Hvordan bruke jQuery Sette inn en Anchor </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91166.html" title="Javascript Grid Tutorial " target="_self">Javascript Grid Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90909.html" title="Slik fjerner Minus & Plus Tegn i Javascript " target="_self">Slik fjerner Minus & Plus Tegn i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90931.html" title="Slik bygger du inn videoer i en Pop- Up With JavaScript " target="_self">Slik bygger du inn videoer i en Pop- Up With JavaScript…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91090.html" title="Hvordan beregne Last Time " target="_self">Hvordan beregne Last Time </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90850.html" title="Opacity Effekter i MooTools " target="_self">Opacity Effekter i MooTools </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91031.html" title="Hvordan oppdage en Safari nettleser i JavaScript " target="_self">Hvordan oppdage en Safari nettleser i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90994.html" title="Hvordan inkludere eksterne JS i JavaScript " target="_self">Hvordan inkludere eksterne JS i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90855.html" title="Slik installerer en jQuery Date Picker " target="_self">Slik installerer en jQuery Date Picker </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91146.html" title="Hvordan Kommentar i en Java Script " target="_self">Hvordan Kommentar i en Java Script </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<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.datamaskin.biz/Programmering/java-programming/89448.html" title="Hvordan Overstyring NetBeans " target="_self">Hvordan Overstyring NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87034.html" title="Hvordan lage sikre DNN moduler " target="_self">Hvordan lage sikre DNN moduler </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87497.html" title="Slik konverterer Variabler " target="_self">Slik konverterer Variabler </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/91764.html" title="Hvordan Link klasse Mapper og Xcode " target="_self">Hvordan Link klasse Mapper og Xcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/95011.html" title="Hvordan legge til et bilde i Word VB6 " target="_self">Hvordan legge til et bilde i Word VB6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/91440.html" title="Exec Vs . System i PHP " target="_self">Exec Vs . System i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86851.html" title="Hvordan skille mellom den Mainframe & Server DASD " target="_self">Hvordan skille mellom den Mainframe & Server DASD </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94987.html" title="Slik konverterer Windows.Forms.TextBox til heltall " target="_self">Slik konverterer Windows.Forms.TextBox til heltall </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/ruby-programming/94166.html" title="Forskjeller mellom Inkluder og Krev i Ruby " target="_self">Forskjeller mellom Inkluder og Krev i Ruby </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/90256.html" title="Hvordan bruke Infinity i Java " target="_self">Hvordan bruke Infinity i Java </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<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=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
