вот код html.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Выбор select</title>
<!-- подключаем jquery -->
<script src="js/jquery-1.3.1.js" type="text/javascript"></script>
<!--Здесь подключаем функции обработки select-ов очистки и заполнения тегов <option> -->
<script type="text/javascript">
(function($){
// очищаем select
$.fn.clearSelect = function() {
return this.each(function(){
if(this.tagName=='SELECT') {
this.options.length = 0;
$(this).attr('disabled','disabled');
}
});
}
// заполняем select
$.fn.fillSelect = function(dataArray) {
return this.clearSelect().each(function(){
if(this.tagName=='SELECT') {
var currentSelect = this;
$.each(dataArray,function(index,data){
var option = new Option(data.text,data.value);
if($.support.cssFloat) {
currentSelect.add(option,null);
} else {
currentSelect.add(option);
}
});
}
});
}
})(jQuery);
</script>
<script type="text/javascript">
<!--Здесь подключаем функции обработки действий с select-ми -->
function view_Resort()
{
var RegionValue = $('#view_region').val();
var tmpSelect = $('#view_resort');
if (RegionValue.length == 0)
{
tmpSelect.attr('disabled','disabled');
tmpSelect.clearSelect();
view_Zone();
}
else
{
$.getJSON('view_zone.php',{view_resort:RegionValue},function(data){tmpSelect.fillSelect(data).attr('disabled',''); view_Zone(); });
}
};
function view_Zone()
{
var RegionValue = &('view_region').val();
var ResortValue = $('#view_resort').val();
var tmpSelect = $('#view_zone');
if (RegionValue == 0 || ResortValue.length == 0)
{
tmpSelect.attr('disabled','disabled');
tmpSelect.clearSelect();
}
else
{
$.getJSON('view_zone.php',{view_resort:ResortValue},function(data){tmpSelect.fillSelect(data).attr('disabled',''); });
}
}; </script>
<script type="text/javascript">
<!--Вызываем функцию на выполнение-->
$(document).ready(function(){
<!--Вызываем выполнение функции view_Resort() при смене значения option в select-->
$('#view_region').change(function(){
view_Resort();}).change();
});
$('#view_resort').change(function(){
view_Zone();}).change();
/*
$('#zone').change(Zone);
*/
$('#view_zone').change(function(){
if($(this).val().length != 0) {
alert('Выбор сделан!');
}
});
});
</script>
</head>
<body>
<!--<form action="#" method="get">-->
<p>курорт/регион<br>
<select name="view_region" id="view_region">
<option value="">-- выберите курорт/регион --</option>
<?php
$db = mysql_connect ("localhost","relaxation","12345");
mysql_select_db ("relaxation_rossia",$db);
$result = mysql_query ("SELECT * FROM region");
$myrow = mysql_fetch_array ($result);
do
{
echo "<option value ='".$myrow["id"]."'>".$myrow["name"]."</option>";
}
while ($myrow = mysql_fetch_array($result));
?>
</select></p>
<p>место отдыха<br>
<select name="view_resort" id="view_resort" disabled="disabled"></select></p>
<p>район<br>
<select name="view_zone" id="view_zone" disabled="disabled"></select></p>
<p>город/поселок<br>
<select name="view_city" id="view_city" disabled="disabled"> </select></p>
<p>пансионат<br>
<select name="view_hotel" id="view_hotel" disabled="disabled"> </select></p>
<!--</form>-->
</body>
</html>
