| Home  | Casa  | Hardware  | Networking  | Programmazione  | Software  | Domanda  | Sistemi  |   
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 modificare un indice discesa in Javascript
    Javascript ti dà la possibilità di modificare dinamicamente il contenuto sullo schermo del browser di un utente perché lo script risiede e viene eseguito all'interno del browser dell'utente . Ad esempio, è possibile modificare un valore di indice a tendina in JavaScript da ottenere il valore di indice dell'elemento dell'array in forma per rendere più facile per fare riferimento a loro. Istruzioni
    1

    creare una pagina web che permetterà all'utente di ordinare materiali di consumo e cambierà il nome della voce da "tutto esaurito" quando non ci sono più a sinistra . Creare un documento HTML con il blocco note o un editor HTML e aggiungere le intestazioni HTML per il documento :

    < DOCTYPE HTML ! >




    Ordina materiali < /title> <br> 2 < p > Aggiungi codice Javascript per rintracciare l'inventario e cambiare il nome della voce di Sold Out , quando l'inventario va a zero . Inizializzare le variabili globali con l'inventario di partenza per ogni voce: <br> <p> <script> <br> <p> matite var = 5; <br> <p> var carta = 5; <br> <p> var cucitrici = 5 ; <br> 3 <p> Creare una funzione JavaScript che ottiene l'elemento selezionato quando l' utente fa clic su un pulsante di ordine . Utilizzare la proprietà " selectedIndex " per ottenere l'indice della voce e la proprietà " text " per ottenere il suo nome : <br> <p> ordine function () { var <br> indice <p> = document.supplies.items.selectedIndex ; <br> articoli var <p> = document.supplies.items [index ] testo; <br> 4 <p> un flag che indica un oggetti è esaurito a . "false : " <br> < p > var soldout = false; <br> 5 <p> Decremento l'inventario per l'elemento selezionato . Se l'inventario scende a zero , modificare il testo indice discesa a " Sold Out : " interruttore <br> <p> ( voci ) { CASE <p> " Matita " : <br> <p> - matite ; <br> <p> se ( matite == 0 ) soldout = true ; <br> <p> break; CASE <p> "Carta" : <br> <p> - carta ; < br > <p> se ( carta == 0 ) soldout = true ; <br> <p> break; <br> <p> caso " cucitrice " : <br> <p> - cucitrici ; <br> <p> if ( cucitrici == 0 ) soldout = true ; <br> <p> pausa ; . <br> <p> } <br> <p> se ( soldout ) document.supplies.items [index ] text = " Sold Out " ; <br> <p> } <br> <p> < /script> <br> <p> < /head> <br> 6 <p> creare il modulo HTML e assegnare ad esso il nome si è utilizzato nella funzione JavaScript . Creare la casella a discesa con il tag <select> e utilizzare il nome della funzione JavaScript . Aggiungere le voci con il tag <option> e aggiungere un pulsante per chiamare la funzione JavaScript: <br> <p> <body> <br> <p> <form name="supplies"> <br> < p > < select type = nome " pulsante " = valore " addtoorder " = " Ordine" onclick = "ordine (); " > <br> <p> < /form > <br> <p> < /body> <br> <p> < /html > <br> 7 <p> Salvare il file HTML . Aprire in un browser e verificare la funzionalità . <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/90949.html' >Come aggiornare DIV </a></li></p></td> </tr> <tr> <td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/90951.html' >Come chiamare JavaScript da un modello HTML </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/90980.html" title="Come sostituire i codici Div " target="_self">Come sostituire i codici Div </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90880.html" title="JavaScript Funzione di arrotondamento " target="_self">JavaScript Funzione di arrotondamento </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91152.html" title="Come fare un calendario Script Java per un sito web " target="_self">Come fare un calendario Script Java per un sito web </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91214.html" title="Come modificare un CSS immagine di sfondo con Javascript " target="_self">Come modificare un CSS immagine di sfondo con Javascrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90869.html" title="Funzioni JavaScript come argomento di funzione " target="_self">Funzioni JavaScript come argomento di funzione </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91228.html" title="Come convertire Javascript UTC Data di Eastern Time " target="_self">Come convertire Javascript UTC Data di Eastern Time </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91248.html" title="Come convertire HTML a JSP " target="_self">Come convertire HTML a JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90857.html" title="La funzione Back in HTML Coding " target="_self">La funzione Back in HTML Coding </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90824.html" title="Come fare una Google Map Overlay " target="_self">Come fare una Google Map Overlay </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90765.html" title="Cosa posso usare al posto delle Javascript " target="_self">Cosa posso usare al posto delle Javascript </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/java-programming/89595.html" title="Come reimpostare contentView sul Android " target="_self">Come reimpostare contentView sul Android </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/96087.html" title="Come creare OCX in Visual Basic NET " target="_self">Come creare OCX in Visual Basic NET </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87348.html" title="Come convertire programmazione colore RGB a CMYK " target="_self">Come convertire programmazione colore RGB a CMYK </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92906.html" title="Come rimuovere la chiave primaria da MySql " target="_self">Come rimuovere la chiave primaria da MySql </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92359.html" title="Come controllare se esiste un record in MySQL " target="_self">Come controllare se esiste un record in MySQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90733.html" title="Come utilizzare un Heapsort in Java " target="_self">Come utilizzare un Heapsort in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87045.html" title="Come serializzare un oggetto con Enum " target="_self">Come serializzare un oggetto con Enum </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/86107.html" title="Come smontare una Dll " target="_self">Come smontare una Dll </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92469.html" title="Come utilizzare PHP per i file JavaScript esterni " target="_self">Come utilizzare PHP per i file JavaScript esterni </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89760.html" title="Come firmare il codice in Java " target="_self">Come firmare il codice in Java </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>