Postovani,

Imam doticni zadatak oko koga se bunim,pa bih Vas stoga zamolio ukoliko biste mogli da mi pokazete na primeru koda kako bi to sve izgledalo.

 

BoxROx
12.01.2015
Одељци: Зид Питања и одговори Ивица BoxROx | Кључне речи:
1

Коментари:

Нови одговор Нови коментар

Одговори:

Приказано 1-1 од 1 ставке.

Падајућа листа садржи атрибут selectedIndex који, као што му и само име каже, садржи индекс селектоване ставке из листе. Прва селектована ставка има индекс 0, друга 1...Објекат листе садржи и низ options, у којем се налазе све опције. Селектована опција се може прочитати на следећи начин: lista.options[lista.selectedIndex]; Остало је само да региструјемо функцију која ће бити позвана сваки пут када се селекција промени, а то се може постићи на следећи начин: lista.addEventListener("change", funkcija);

Комплетан код програма приказан је у следећем прозору:


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>Padajuća lista</title>
</head>
<body>
    <h1>Padajuća lista</h1>
    <form>
        <label for="lista">Izaberite iz liste</label>
        <select id="lista">
            <option value="jedan">Jedan</option>
            <option value="dva">Dva</option>
            <option value="tri">Tri</option>
            <option value="cetiri">Četiri</option>
        </select>
    </form>
    <p>Izabrano je:</p>
    <div id="izbor"></div>
    <script>
        function izbor(event)
        {
            var lista = document.getElementById('lista');
            var index = lista.selectedIndex;
            var opcije = lista.options;
            var divIzbor = document.getElementById('izbor');
            divIzbor.innerHTML = opcije[index].text;
        }
        var elementLista = document.getElementById('lista');
        elementLista.addEventListener('change', izbor);
    </script>
</body>
</html> 

Заинтересовани за часове програмирања могу ме контактирати путем имејла [email protected]

Ивица
12.01.2015
Одељци: Зид Питања и одговори Ивица
0

Коментари:

Нови коментар

©Библиотека++ 2024 Развој сајта Ивица Лазаревић