* počítačové znalosti >> Programovanie >> JavaScript Programovanie >> .

Ako zmeniť Drop - Down index JavaScript

JavaScript vám dáva možnosť dynamicky meniť obsah na obrazovke prehliadača užívateľa , pretože skript umiestnený a používaný v prehliadači užívateľa . Napríklad , môžete zmeniť hodnotu indexu drop - down v jazyku JavaScript tým , že sa hodnota indexu prvku v prvok v podobe , aby bolo ľahké je odkaz . Pokyny dovolená 1

Vytvorte webovú stránku , ktorá umožní užívateľovi objednávanie spotrebného materiálu a zmení názov položky " vypredané " , ak nie sú k dispozícii žiadne ďalšie vľavo . Vytvorte dokument HTML Poznámkový blok alebo editora HTML a pridajte hlavičku HTML dokumentu : < ! DOCTYPE HTML >

Objednať materiál < /title > <br> 2 <p > Pridať Javascript kód pre sledovanie zásob a zmeňte názov položky vypredané , kedy zásob klesne na nulu . Inicializácia globálnych premenných s predvolené zásob pre každú položku : <br> <p> <script> <br> <p> var ceruzky = 5 ; <br> <p> var papier = 5 ; <br> <p> var zošívačky = 5 ; <br> 3 <p> vytvoriť funkciu jazyka JavaScript , ktorý sa dostane na vybranú položku, keď používateľ klikne na tlačidlo objednať . Použite " selectedIndex " vlastnosť získať index položky a " text " majetok dostať svoje meno : <br> <p> funkcie objednávky ( ) { <br> <p> index var = document.supplies.items.selectedIndex ; <br> <p> var items = document.supplies.items [ index ] Text , <br> 4 <p> Nastaviť príznak , ktorý označuje položky je vypredané . " false " <br> <p> var Vypredaný = false ; <br> 5 <p> decrement zásob pre vybrané položky . Ak zásob klesne na nulu , zmeniť drop - down index text " vypredané " <br> <p> switch ( položiek ) { <br> <p> case " Ceruzka " : <br> <p> - ceruzky , <br> <p> if ( ceruzky == 0 ) Vypredaný = true ; <br> <p> break ; <br> <p> case " papier " : <br> <p> - papier , <br> <p> if ( papier == 0 ) Vypredaný = true ; <br> <p> break ; <br> <p> prípad " zošívačka " : <br> <p> - zošívačky ; <br> <p> if ( zošívačky == 0 ) vypredaný = true ; <br> <p> break ; . <br> <p> } <br> <p> if ( vypredaný ) document.supplies.items [ index ] text = " vypredané " ; <br> <p> } <br> <p> < /script > <br> <p> < /head > <br> 6 <p> Vytvorenie formulára HTML a priradiť mu názov môžete použiť vo funkcii JavaScript . Vytvorenie rozbaľovacieho zoznamu s <SELECT> a použiť názov z funkcie JavaScript . Pridať položky s <OPTION> a pridať tlačidlo volanie funkcie jazyka JavaScript : <br> <p> <body> <br> <p> <form name="supplies"> <br> <p> < vyberte type = " tlačidlo " name = " addtoorder " value = " Objednať " onclick = " poradí ( ) ; " > <br> <p> < /form > <br> <p> < /body > <br> <p> < /html > <br> 7 <p> Uložte súbor vo formáte HTML . Otvorte ho v prehliadači a otestujte funkčnosť . <br> <div class="wodejimotaobuguo"> <div class="oukbwqe121s"><script language='javascript' src='http://www.pocitac.win/ad/sk/2.js'></script></div> <div class="oukbwqe122s"></div> </div> <ul class="yongbaonidasda"> <li>Predchádzajúca strana: <a class='LinkPrevArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403294.html' >Ako aktualizovať DIV </a></li> <li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403296.html' >Ako volať JavaScript Z HTML šablóny </a></li> </ul> </div> <div class="fa324wds"></div> <div class="xiangguandwdsawqe2"> <h4>Odporúčané články</h4> <div class="shenmedoubuxiangyaodsa"> <ul class="xinlimianshuosd1"> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403574.html" target="_blank">Ako previesť text na Java Script </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403467.html" target="_blank">Ako skontrolovať , či prehliadač má fokus v JavaScripte </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403166.html" target="_blank">Ako používať String v jazyku VBScript </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403452.html" target="_blank">Ako povoliť a zakázať hudobného obrázok vo JavaScript </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403397.html" target="_blank">Ako aktualizovať relácie premenné z JavaScriptu </a></li> </ul> <ul class="xinlimianshuosd2"> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403410.html" target="_blank">Ako overiť Date reťazec v jQuery </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403353.html" target="_blank">Ako si vyrobiť Div Pop - up </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403556.html" target="_blank">Ako zmeniť formu akciu v JavaScripte Select </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403305.html" target="_blank">Vlastnosti iFrame v jazyku Java </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403282.html" target="_blank">Ako otočiť text pomocou JavaScriptu </a> </li> </ul> </div> </div> </div> <div class="shangkuaikiada2"> <div class="tahuiyuuedaogenhananr"> <div class="shenbiandhsaq21"><h4>Najnovšie články</h4></div> <ul> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403534.html" target="_blank" class="ewq32ada131">Javascript Galéria Tutorial </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403534.html" target="_blank">JavaScript je objektovo orientovaný programovací jazyk , ktorý je ideálny pre pridanie funkcií do webových stránok . Ak chcete vložiť fotogalérii na svojich webových stránkach , potom galérie Javascript je jeden spôsob , ako dosiahnuť svoj cieľ . S Javascript , môžete vytvoriť fotogalérii sa približovať a odďaľovať a náhľadových obrázkov . Pri vytváraní Javascript fotogalériu z nuly je pokročilá technika , klesá pre-existujúce šablóny do webovej stránky vám poskytne rovnaký výsledok s menej prác</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403397.html" target="_blank" class="ewq32ada131">Ako aktualizovať relácie premenné z JavaScriptu </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403397.html" target="_blank">Premenné relácie sa používajú na sledovanie používateľov na vašom webe . Môžete naplniť premenné relácie s vaším užívateľským informácií , ktoré identifikuje čitateľa . Môžete naplniť premenné relácie s informáciami , ktoré užívatelia zadali do formulára na webových stránkach . Keď používateľ aktualizuje svoje užívateľské informácie , musíte zmeniť relácie premenné informácie . Môžete aktualizovať premennú relácie v JavaScripte . Pokyny 1 pravým tlačidlom myši na súbor , ktorý obsahuje vaše re</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403570.html" target="_blank" class="ewq32ada131">Ako diagnostikovať problémy s JavaScript </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403570.html" target="_blank">JavaScript chyby sú veľmi časté a vedieť nejaké základy o tom , čo sa stane , keď takéto oznámenie pop - up vám môže pomôcť pri ich riešení . Javascript chyby nepochádzajú z vášho počítača , ale stránka, ktorú prezeráte chybný kód , je vinníkom . Keď prehliadač nie je schopný prečítať kód v dôsledku chyby v programovaní alebo chýbajúce súčasti , zobrazí sa chybové hlásenie . Proces diagnostikovania chýb v kóde , sa nazýva ladenie . Veci , ktoré budete potrebovať Visual Studio Zobraziť ďalšie i</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403194.html" target="_blank" class="ewq32ada131">Ako udržať JS Prototype Až do dneška </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403194.html" target="_blank">JavaScript Prototyp je webová aplikácia , vývoj rámec , ktorý sa zameriava na použitie asynchrónne JavaScript , tiež známy ako AJAX . Ak ste JS Prototype developer , je dôležité , aby neustále zabezpečiť , že používate najnovšiu verziu . Ak by váš kód stali nezlučiteľné s server - side aplikácií jazyka JavaScript , ktoré umožňujú vaše webové stránky sa zobrazí , môžete naraziť na problémy . Postupujte podľa nasledujúcich rýchle kroky , aby sa vaša platforma JS Prototype aktualizované . Pokyny do</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403451.html" target="_blank" class="ewq32ada131">Vývoj API Google Maps </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403451.html" target="_blank">Mapy Google má mnoho rozhrania API ( Application Programming Interface ) , ktoré umožňujú , aby mohli byť vložené do webových stránok a aplikácií využívajúcich JavaScript , Flash a celý rad ďalších technológií a zároveň umožňuje užívateľom prekryť svoje vlastné údaje na vrchole týchto máp . JavaScript API API JavaScript umožňuje zakotvenie v Mapách Google na webových stránkach , ako aj na mobilných zariadeniach . Verzia 3 API zamestnáva pretiahnuť smermi a vlastné panorámy pre mapy . Flash AP</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403279.html" target="_blank" class="ewq32ada131">Ako odobrať iFrame posuvníky v jazyku JavaScript </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403279.html" target="_blank">vložený rámec , alebo iframe, je objekt na webovej stránke , ktorá môže pojať iný objekt , napríklad inú webovú stránku . Ak je výška a šírka IFrame sú príliš malé , aby sa zmestili celý objekt , bude systém uvedený posuvníky v okne iFrame . Môžete použiť JavaScript odstrániť iFrame posuvníky úpravou rolovanie vlastnosť iFrame . Pokyny dovolená 1 Vytvoriť nový HTML dokument v Poznámkový blok alebo editora HTML . Vložte hlavičky HTML do dokumentu : žiadne posuvníky iFrame 2 V</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403500.html" target="_blank" class="ewq32ada131">Ako nastaviť cookie Keď Zmena jazyka na webové stránky </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403500.html" target="_blank">Javascript vám poskytuje rýchly spôsob , ako nastaviť súbor cookie , keď používateľ vyberie jazyk na vašich stránkach . To znamená , že môžete rozpoznať vybraný jazyk používateľského nabudúce návštevník dostane na vaše webové stránky . Nastavenie jazyka Nastavenie sa nazýva lokalizácia , a to zlepšuje globálne použiteľnosť pre vaše webové stránky čitateľa . Javascript podporuje akejkoľvek webovej stránky , jazyka , vrátane PHP , HTML , VB.NET alebo C # . To uľahčuje každý vývojár implementovať j</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403138.html" target="_blank" class="ewq32ada131">Ako pridať ovládacie prvky do Google Maps API </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403138.html" target="_blank">Keď vložíte Mapy Google objekt do svojej webovej stránky pomocou rozhrania API Google Maps JavaScript , prichádza s východiskovej sadou ovládacích prvkov . Predvolené ovládacie prvky prispôsobiť platforme užívateľa , takže Google Maps používa rôzne ovládacie prvky na veľkých obrazovkách , malých obrazovkách , iPhone a Android zariadenia . Môžete tiež pridať vlastné ovládacie prvky na mapu na webovej stránke . Google Maps API umožňuje zoom , pán , mierka , otočenie , typ mapy , výhľad do ulice a </a></p> </li> </ul> </div> <div class="fjsdkfuio2"> <div class="ioufahkwq2311"><h4>JavaScript Programovanie</h4></div> <ul> <li><a href="http://www.pocitac.win/Programovanie/C--C-----Programming/398017.html" target="_blank">Ako formátovať zdvojnásobí C </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/404241.html" target="_blank">Ako previesť výsledky na klienta v PHP </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/405063.html" target="_blank">História verzií MySQL </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/404612.html" target="_blank">Ako kresliť v PHP </a></li><li><a href="http://www.pocitac.win/Programovanie/python-Programovanie/406066.html" target="_blank">Ako aktivovať tlačidlo s wxPython </a></li><li><a href="http://www.pocitac.win/Programovanie/Java-Programming/402542.html" target="_blank">Ako Rozdeliť reťazec na listy v jazyku Java </a></li><li><a href="http://www.pocitac.win/Programovanie/perl-Programming/405585.html" target="_blank">Ako si vyrobiť Array určitej veľkosti v Perlu </a></li><li><a href="http://www.pocitac.win/Programovanie/ruby-Programming/406612.html" target="_blank">Ako vytvoriť slučky while do Ruby </a></li> </ul> </div> <div class="d342sdfw42"></div> <div class="huiyishazsad"> </div> </div> </div> </div> <div class="dibudasdwqe213"> <div class="daspoiepwqieq12"> <div class="dsarew2342a"> <ul> <h3>Programovanie</h3> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/' target="_self">Počítač Programovacie jazyky</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/delphi-Programovanie/' target="_self">delphi Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/' target="_self">JavaScript Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/' target="_self">PHP /MySQL Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/perl-Programming/' target="_self">perl Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/python-Programovanie/' target="_self">python Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/ruby-Programming/' target="_self">ruby Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/' target="_self">Vizuálne Základy programovania</a></li> </ul> </div> </div> <div class=clink><a href='http://sk.365electric.com' target=_blank>Elektronických</a><a href='http://ip.sk.nrtool.com/' target=_blank>IP</a> <a href='http://sk.0685.com' target=_blank>Slovensko život</a> <a href='http://sk.98905.com' target=_blank>Dom a záhrada</a> <a href='http://www.765492.com' target=_blank>Elektronických</a></div><p class="d342dsf2">Copyright © <a href="http://www.pocitac.win/" target="_blank" title="počítačové znalosti" class="dsa21d">počítačové znalosti</a> Všetky práva vyhradené</p> </div> </body> </html>