[es] - Dva povezana listboxa

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

+44 Profil

Re: Dva povezana listboxa

^{15.08.2006. u 16:45 - pre 215 meseci}

pa is asp-a generises recimo ovakav js:

Code:

list1[0] = "item 1";
list1[1] = "item 2";
list1[2] = "item 3";
list1[3] = "item 4";

list2[0] = "item 1";
list2[1] = "item 2";
list2[2] = "item 3";
list2[3] = "item 4";

recimo data.js a u tvojoj strani pozoves scriptu:

Code:


<script type="text/javascript" src="lists.js"></script>
<script type="text/javascript" src="data.js"></script>

a lists.js ti je skripta koja menja sadrzaj jednog listboxa u zavisnosti od drugog, recimo:

Code:

var list1 = new Array();
var list2 = new Array();

function changeList()
{
   l1 = document.getElementById("id_prve_liste");

  switch (l1.value)
  {
      case "listbox1":
          setList(item1);
          break;

      case "listbox2":
          setList(item2);
          break;

     // i tako dalje...
  }
}

function setList(lst)
{
     l2 = document.getElementById("id_druge_liste");

     var htm = "";

     for (i = 0; i < lst.length; i++)
     {
          htm += "<option value=\"" + lst[i] + "\">" + lst[i] + "</option>";
     }

     l2.innerHTML = htm;
}

window.onload = document.getElementById("id_prve_liste").onchange = changeList();

to bi trebalo da radi sa ovakvim listama:

Code:

<select name="lista1" id="id_prve_liste" size="8">
<option value="listbox1">lista br 1</option>
<option value="listbox2">lista br 2</option>
</select>

<select name="lista2" id="id_druge_liste" size="8"></select>

ovo bi trebalo da radi mada nisam probao...

@Shadowed: jel mozes da premestis ovu temu u javascript forum? nije joj mesto ovde...

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu

Bole89

Član broj: 86189
Poruke: 38
*.teol.net.

Profil

Re: Dva povezana listboxa

^{16.08.2006. u 14:58 - pre 215 meseci}

Imao sam gotovu skriptu pa sam samo vrsio male promjene...

Ovaj dio je za auta.

Ovo je kod kojim pozivam proizvodjace iz baze:

Code:

<%

' get leaf categories from db
mySQL="SELECT idCategory, categoryDesc, idParentCategory FROM categories WHERE idCategory>1 and idParentCategory=1"
call getFromDatabase(mySQL, rstemp2, "advancedSearchForm")

if rstemp2.eof then
  response.redirect "comersus_supportError.asp?error="& Server.Urlencode("No defined categories")
end if
%>
        <select name="idcategory2">
          <option value='0'><%=getMsg(94,"All")%></option>
          <%
do while not rstemp2.eof

mySQL="SELECT A.idCategory FROM categories A, categories B WHERE A.idCategory=a.idparentCategory and A.idCategory ="& rstemp2("idCategory")

call getFromDatabase(mySQL, rstemp, "advancedSearchForm")

if rstemp.eof then%>
          <option value='<%=rstemp2("idCategory")%>'><%=rstemp2("categoryDesc")%></option>
          <%end if
rstemp2.movenext
loop
%>
        </select>

A ovim pozivam model:

Code:

<%
mySQL="SELECT idCategory, categoryDesc, idParentCategory FROM categories WHERE idCategory>1 and idParentCategory=63"

call getFromDatabase(mySQL, rstemp2, "advancedSearchForm")

if rstemp2.eof then
  response.redirect "comersus_supportError.asp?error="& Server.Urlencode("No defined categories")
end if
%>
        <select name="idCategory" >
          <option value='0'><%=getMsg(94,"All")%></option>
          <%
do while not rstemp2.eof

mySQL="SELECT A.idCategory FROM categories A, categories B WHERE A.idCategory=B.idParentCategory and A.idCategory ="& rstemp2("idCategory")

call getFromDatabase(mySQL, rstemp, "advancedSearchForm")

if rstemp.eof then%>
          <option value='<%=rstemp2("idCategory")%>'><%=rstemp2("categoryDesc")%></option>
          <%end if
rstemp2.movenext
loop
%>
        </select>

Odje gdje pozivam model ja sam dodao da mi je idParentCategory = 63 i u tom slucaju mi izbacuje samo modele audija jer mi je tako u bazi, a taj idParenCategory je ustvari jednak option value od proizvodjaca.

Kao sto sam vec rekao uspio sam da povezem dva listboxa ali da ne preuzima podatke iz baze...

To bi izgledalo ovako:

Ovo bi bio prvi listbox:

Code:

<select name="proizvodjac" id="proizvodjac" onchange="set_model()">
<option>Izaberi</option>

</select>

a ovo drugi:

Code:

<select name="model" id="model">
<option>Izaberi</option>
</select></td>

A ovo je JS

Code:

<script type="text/javascript">
var proizvodjacs = new Array ();
proizvodjacs[79]='Acura';
proizvodjacs[103]='Aixam';
proizvodjacs[4]='Alfa Romeo';
proizvodjacs[5]='Alpina';
proizvodjacs[80]='ASIA MOTORS';
proizvodjacs[6]='Aston Martin';
proizvodjacs[7]='Audi';
// i dalje

var models = new Array ();
models[79] = new Array();
models[79][1373] = 'Izaberi' ;
models[79][1] = 'MDX' ;
models[79][2] = 'NSX' ;
models[79][3] = 'RL' ;
models[79][4] = 'RSX' ;
models[79][6] = 'TL' ;
models[79][5] = 'TSX' ;
models[103] = new Array();
models[103][1374] = 'Izaberi' ;
models[103][1349] = '400' ;
models[103][1350] = '500' ;
models[103][1351] = 'A.' ;
models[103][1352] = 'Mac' ;
models[103][1353] = 'Mega' ;
// i dalje

function set_model() {
  var select_proizvodjac = document.frmPosalji.proizvodjac;
  var select_model = document.frmPosalji.model;
  var selected_model = select_proizvodjac.value;
  if(!selected_model) {
    select_model.options.length=0;
    select_model.options[select_model.options.length] = new Option('Izaberi proizvodjaca');
    return;
  }
  select_model.options.length=0;
  ext_models = models[selected_model];
  for(key in ext_models) {
    select_model.options[select_model.options.length] = new Option(ext_models[key], key);
  }
}

function set_proizvodjacs() {
  var select_proizvodjac = document.frmPosalji.proizvodjac;
  for(key in proizvodjacs) {
    select_proizvodjac.options[select_proizvodjac.length] = new Option(proizvodjacs[key], key);
  }
}

window.onload = function() {
set_proizvodjacs();
}
</script>

Meni bi trebalo da poziva iz baze pa ako ima neke ideje kako neka mi pomogne.

Odgovor na temu