sto se tice
[code] ovde neki kod [/code] tagova vodi racuna da budu napisani bas ovako kako sam ih ja napisao, znaci malim slovima, bez razmaka unutar zagrada.
sto se tice tvog problema evo kako bih ja to uradio:
1. u zasebnom js fajlu definises niz sa podacima:
Code (javascript):
var data = {
'Buducnost': {
address: '34225 Resnik',
contact: [
{phone: '064/859-322-9', name: 'Dragutinović Slavoljub'},
{phone: '064/29-99-379', name: 'Momčilović Zoran'}
]
},
'lorem': {
address: '34225 Resnik',
contact: [
{phone: '064/859-322-9', name: 'Dragutinović Slavoljub'}
]
},
'ispum': {
address: '34225 Resnik',
contact: [
{phone: '064/859-322-9', name: 'Dragutinović Slavoljub'},
{phone: '064/29-99-379', name: 'Momčilović Zoran'},
{phone: '064/29-99-123', name: 'Momčilović Zoran'}
]
}
};
ovo posle mozes da cuvas u zasebnom JSON fajlu koji mozes da vuces sa servera (u tom slucaju mogu podaci i iz baze da se izvlace i da se serviraju u json formatu) - samo imaj u vidu da ovo sto sam dao nije striktno validan json format.
2. kao vrednosti option elemenata stavis kljuceve iz gornjeg niza (Buducnost, lorem i ipsum) - ovu select listu mozes lako i dinamicki da generises
3. ostala je jos
loadData funkcija koja se poziva prilikom odabira option-a, koja izbacuje alert:
Code (javascript):
function loadData(key) {
if (!(key in data)) return; // nema tog kljuca medju podacima
var item = data[key];
var message = "Adresa: " + item.address + "\nKontakt osobe:";
for (var i = 0; i < item.contact.length; i++) {
message += "\n " + item.contact[i].name + " " + item.contact[i].phone;
}
}
text elemente popunjavas na sledeci nacin:
Code (javascript):
document.getElementById("id-elementa").value = "nova vrednost";
Pomoć oko HTML selekt liste
