<!DOCTYPE html>
<html>
<head>
<title>Sajt u izradi...
</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// KOD KOJI SE IZVRŠAVA NAKON PROMENE SELECTA DRŽAVE
$("select#drzava").change( function(){
// IZBACI OPCIJU "Odaberite državu"
if( $("select#drzava option[value='0']").length == 1 )
$("select#drzava option[value='0']").remove();
// UBACI OPCIJU "Odaberite prvo opštinu... za select mesto"
if( $("select#mesto option[value='0']").length != 1 )
$("select#mesto").attr('disabled', 'disabled').html('
<option value="0">Odaberite prvo opštinu...
</option>');
console.log( "Promenjen je select#drzava, nova vrednost je "+$("select#drzava").val()+", uradi ajax za select#opstina..." );
$("select#opstina").attr('disabled', 'disabled').html("
<option>Učitavam...
</option>");
var podaci = {
'drzava' : $("select#drzava").val()
};
$.post("select_opstina.php", podaci, function(data){
console.log( "$.post - select_opstina.php - vratio rezultat:\n" + data );
$("select#opstina").removeAttr("disabled").html(data);
}).fail(function() {
console.log( "$.post - select_opstina.php - nije uspeo!" );
});
});
// KOD KOJI SE IZVRŠAVA NAKON PROMENE SELECTA OPŠTINE
$("select#opstina").change( function(){
// IZBACI OPCIJU "Odaberite opstinu"
if( $("select#opstina option[value='0']").length == 1 )
$("select#opstina option[value='0']").remove();
console.log( "Promenjen je select#opstina, nova vrednost je "+$("select#opstina").val()+", uradi ajax za select#mesto..." );
$("select#mesto").attr('disabled', 'disabled').html("
<option>Učitavam...
</option>");
var podaci = {
'drzava' : $("select#drzava").val(),
'opstina' : $("select#opstina").val()
};
$.post("select_mesto.php", podaci, function(data){
console.log( "$.post - select_mesto.php - vratio rezultat:\n" + data );
$("select#mesto").removeAttr("disabled").html(data);
}).fail(function() {
console.log( "$.post - select_mesto.php - nije uspeo!" );
});
});
// KOD KOJI SE IZVRŠAVA NAKON PROMENE SELECTA MESTA
$("select#mesto").change( function(){
// IZBACI OPCIJU "Odaberite mesto"
if( $("select#mesto option[value='0']").length == 1 )
$("select#mesto option[value='0']").remove();
// OSTATAK KODA.....
});
});
</script>
</head>
<body>
<form>
<select id="drzava">
<option value="0">Odaberite državu
</option>
<option value="1">Srbija
</option>
<option value="2">Crna Gora
</option>
<option value="3">BiH
</option>
</select>
<select id="opstina" disabled="disabled">
<option value="0">Odaberite prvo državu...
</option>
</select>
<select id="mesto" disabled="disabled">
<option value="0">Odaberite prvo opštinu...
</option>
</select>
</form>
</body>
</html>