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 | Кључне речи: js html JavaScript IT Akademija
|
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
|