Jako wzór brałem kod z tej strony: http://www.blueicestudios.com/chained-sele...php-mysql-ajax/
A więc tak wygląda plik z formularzem:
<script type="text/javascript"> $(document).ready(function() { $('#wait_1').hide(); $('#drop_1').change(function(){ $('#wait_1').show(); $('#result_1').hide(); $.get("func.php", { func: "drop_1", drop_var: $('#drop_1').val() }, function(response){ $('#result_1').fadeOut(); setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400); }); return false; }); }); function finishAjax(id, response) { $('#wait_1').hide(); $('#'+id).html(unescape(response)); $('#'+id).fadeIn(); } function finishAjax_tier_three(id, response) { $('#wait_2').hide(); $('#'+id).html(unescape(response)); $('#'+id).fadeIn(); } </script> <form action="" method="post"> <select name="drop_1" id="drop_1" size="7"> <?php getTierOne(); ?> </select> <span id="wait_1" style="display: none;"> <img alt="Please Wait" src="/images/ajax-loader.gif"/> </span> <span id="wait_2" style="display: none;"> <img alt="Please Wait" src="/images/ajax-loader.gif"/> </span> </form> <? if(isset($_POST['submit'])){ $drop = $_POST['drop_1']; $drop_2 = $_POST['drop_2']; $drop_3 = $_POST['drop_3']; echo "You selected a "; echo $drop_3." ".$drop." ".$drop_2; }
a tak plik func.php
//************************************** // Page load dropdown results // //************************************** function getTierOne() { } //************************************** // First selection results // //************************************** drop_1($_GET['drop_var']); } function drop_1($drop_var) { echo '<select name="drop_2" id="drop_2" size="7"> <option value=" " disabled="disabled">Pracownik</option>'; echo "<script type=\"text/javascript\"> $('#wait_2').hide(); $('#drop_2').change(function(){ $('#wait_2').show(); $('#result_2').hide(); $.get(\"func.php\", { func: \"drop_2\", drop_var: $('#drop_2').val() }, function(response){ $('#result_2').fadeOut(); setTimeout(\"finishAjax_tier_three('result_2', '\"+escape(response)+\"')\", 400); }); return false; }); </script>"; } //************************************** // Second selection results // //************************************** drop_2($_GET['drop_var']); } function drop_2($drop_var) { echo '<select name="drop_3" id="drop_3" size="7"> <option value=" " disabled="disabled">Delegacja</option>'; }
Proszę o pomoc, pozdrawiam.