Novi sam na ovom forumu, pozdravljam sve članove, i htio bih nekoga ko se dobro razumije u programiranje da zamolim, da mi pokuša objasniti kako da riješim sličan problem koji je imao moj prethodnik u ovoj temi.
Mene takođe muči ne razumijevanje primjene AJAX tehnologije u programiranju.
Najviše mi muke zadaje ajax u kombinaciji sa padajućim listama koje se popunjavaju podatcima iz baze.
Naprimjer, imam tri padajuće liste koje vuku ajaxom podatke iz baze, u prvoj listi se smještaju države, zatim u drugoj republike a u trećoj gradovi tih republika.
Uz pomoć JQUERY AJAX-a ja uspijevam povezati te tri padajuće liste i izvući
dio podataka iz baze, ali problem mi nastaje kad recimo želim napraviti novi
izbor iz druge padajuće liste gdje se nalaze republike, izaberem drugu stavku
i zatim se ništa ne mijenja - ostaje rezultat u trećoj listi sa imenima
gradova od prethodne stavke iz druge padajuće liste.
Ne znam kako se to rješava, pa bih molio da mi neko objasni.
Code:
<html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#drzava").change(function (){
var id = $(this).val();
var dataString = 'id=' + id;
$.ajax({
type: "POST",
url: "republike.php",
data: dataString,
cache: false,
success: function(msg){
$("#republika").html(msg);
}
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#drzava").change(function(){
var id = $(this).val();
var dataString = 'id=' + id;
$.ajax({
type: "POST",
url: "gradovi.php",
data: dataString,
cache: false,
success: function(msg){
$("#grad").html(msg);
}
});
});
});
</script>
</head>
<body>
<form name="forma" id="forma" action="republike.php" method="POST" >
<div style="margin:80px">
<label>Drzave :</label>
<select name="drzava" id="drzava" >
<option selected="selected">--Izaberite drzavu--</option>
<?php
include('conn.php');
$sql=mysql_query("select * from drzava");
while($row=mysql_fetch_array($sql)){
$drzava=$row['drzavaId'];
$drzave=$row['drzave'];
echo '<option value="'.$drzava.'">'.$drzave.'</option>';
}?>
</select> <br/><br/>
<label>Republike :</label>
<select name="republika" id="republika">
<option selected="selected">--Izaberite republiku--</option>
</select>
</select> <br/><br/>
<label>Gradovi :</label>
<select name="grad" id="grad">
<option selected="selected">--Izaberite grad--</option>
</select>
</div></br>
</form>
</body>
</html>
Code:
<?php
include('conn.php');
if($_POST['id']){
$drzava=$_POST['id'];
$sql=mysql_query("select * from republika where drzavaId='$drzava'");
while($row=mysql_fetch_array($sql))
{
$republika=$row['republikaId'];
$republike=$row['republike'];
echo '<option value="'.$republika.'">'.$republike.'</option>';
}
}
?>
Code:
<?php
include('conn.php');
if($_POST['id'])
{
$drzava=$_POST['id'];
$sql2=mysql_query("select * from gradovi where
republikaId = '$drzava' and drzavaId='$drzava'");
while($row=mysql_fetch_array($sql2)){
$gradId=$row['gradId'];
$gradovi=$row['gradovi'];
echo '<option value="'.$gradId.'">'.$gradovi.'</option>';
}
}
?>
Dinamicko punjenje ListBox-a
