Javascript - potrebna pomoć početniku

[ lenjivac @ 03.09.2008. 15:13 ] @

Potrebno mi je da se pomnoži vrednost iz select boxa (brojevi 1 - 30) koji se nalazi u formi sa određenim brojem, a onda da se rezultat ispiše ispod forme. Pretpostavljam da je ovo jednostavno uraditi, ali ja manje - više nemam pojma javascript

Hvala unapred.

[ Nikola Poša @ 03.09.2008. 20:42 ] @

Aj' kad niko nece da ti odgovori, ja cu...

Code:

<html>
    <head>
        <script language = "JavaScript">
            function izracunaj(){
                var x = document.getElementById('brojevi').options[document.getElementById('brojevi').selectedIndex].text;
                x = parseInt(x);

                y = parseInt(document.getElementById('broj').value);

                z = x*y;

                document.getElementById('iznos').value = z;
            }
        </script>
    </head>

    <body>

        <p>
        <select id = "brojevi">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
        </select>
          Pomnozi sa: <input type = "text" id = "broj" size = "3" />   <input type = "button" onClick = "izracunaj()" value = "Izracunaj" />
        </p>

        <p><input type = "text" id = "iznos" /></p>

    </body>
</html>

Nadam se da si to trazhio. Ima josh dosta nachina na koje to mozhe da se odradi, ja sam se trudio da ti napishem shto jednostavnije... Napisao sam samo za deset brojeva, a ti ako ti bash treba za svih 30, dopishi... Ovo je samo prost primer, pa ga ti ako hocesh malo doteraj. Eksperimentishi, to ti je najbolji nachin za uchenje...

[ escape... @ 04.09.2008. 01:14 ] @

Ja bih u raynor-ovu skriptu dodala samo još jednu funkciju za punjenje select-a, kako ne bih ručno unosila 30 opcija.
Znači, nešto ovako:

Code:

function napuniSelect(){
   var opcije = document.getElementById("brojevi").options;
   for (i=1; i<=30; i++){
      opcije[i-1]= new Option();
      opcije[i-1].innerHTML = i;
   }
}

[ Mister_rap @ 04.09.2008. 10:16 ] @

A ja:

Code:

var x = document.getElementById('brojevi').value;
......

<option value="1">1</option>
<option value="2">2</option>
....

[ agvozden @ 04.09.2008. 11:03 ] @

Citat:

Mister_rap: A ja:

Code:

var x = document.getElementById('brojevi').value;
......

<option value="1">1</option>
<option value="2">2</option>
....

Zasto si to tako napisao?? Nesto napamet ili stvarno treba tako??!

[ lenjivac @ 04.09.2008. 13:35 ] @

Hvala svima, rešen problem

[ Aleksandar Ružičić @ 04.09.2008. 16:27 ] @

Citat:

agvozden: Zasto si to tako napisao?? Nesto napamet ili stvarno treba tako??!

raynor cita value atribut option elemenata a u html-u nije stavio taj atribut, ovo ce mozda (nisam bas nesto mnogo siguran) ie da progura bez problema, ali verujem da gecko/webkit/opera nece (a opet mozda gresim, mrzi me sad da isprobam, pricam napamet...).

[ escape... @ 04.09.2008. 19:11 ] @

Citat:

Aleksandar Ružičić: raynor cita value atribut option elemenata a u html-u nije stavio taj atribut, ovo ce mozda (nisam bas nesto mnogo siguran) ie da progura bez problema, ali verujem da gecko/webkit/opera nece (a opet mozda gresim, mrzi me sad da isprobam, pricam napamet...).

Ja bih rekla da raynor čita text atribut option elementa (a value atribute koristi samo za unos broja kojim se množi selektovani broj i za prikaz rezultata). :)

[ Nikola Poša @ 04.09.2008. 19:45 ] @

Citat:

escape...: Ja bih rekla da raynor čita text atribut option elementa

Tako je. :)

btw Ne znam zashto se odjednom digla tolika "bura" oko ovoga...

[ Aleksandar Ružičić @ 05.09.2008. 10:51 ] @

Citat:

escape...: Ja bih rekla da raynor čita text atribut option elementa (a value atribute koristi samo za unos broja kojim se množi selektovani broj i za prikaz rezultata). :)

u pravu si, ja nisam dobro pogledao :)
nisam navikao da nazivam elemente/promenljive/funkcije nasim imenima pa su mi 'broj' i 'brojevi' izgledali isto :)

[ agvozden @ 05.09.2008. 11:12 ] @

Nazalost, cini mi se da najveci broj gresaka u programiranju i nastaje zbog ovoga sto neko ne sagleda sva slova....

[ Mister_rap @ 05.09.2008. 11:33 ] @

Citat:

agvozden: Zasto si to tako napisao?? Nesto napamet ili stvarno treba tako??!

Uobicajeno je da option tag ima neku vrijednost, i malcice se skracuje sam js kod.
Naravno kod koji je ostavio raynor je skro ok.

[ Nikola Poša @ 05.09.2008. 12:02 ] @

Pa da, naravno, mozhe i tako kao shto si ti napisao. Mozhda je chak i efikasnije tako... Ja sam ovo moje ispisao samo onako "na prvu loptu". :)

[ Aleksandar Ružičić @ 05.09.2008. 12:02 ] @

Citat:

agvozden: Nazalost, cini mi se da najveci broj gresaka u programiranju i nastaje zbog ovoga sto neko ne sagleda sva slova....

to nisu greske u programiranju vec u citanju/pisanju koda, programiranje je nesto drugo :)

ali da ne idemo u offtopic....