How can dependent select boxes be implemented in PHP?

Dependent select boxes in PHP can be implemented by using AJAX to dynamically populate the options of the second select box based on the selection made in the first select box. This allows for a more user-friendly experience where the options in the second select box are filtered based on the choice made in the first select box. 

// HTML code for the first select box
<select id="firstSelect">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

// HTML code for the second select box
<select id="secondSelect">
  <option value="">Select an option</option>
</select>

// AJAX script to dynamically populate the second select box based on the selection in the first select box
<script>
$(document).ready(function(){
  $('#firstSelect').on('change', function(){
    var selectedOption = $(this).val();
    $.ajax({
      url: 'getOptions.php',
      type: 'POST',
      data: {selectedOption: selectedOption},
      success: function(response){
        $('#secondSelect').html(response);
      }
    });
  });
});
</script>

// PHP code in getOptions.php to fetch options for the second select box based on the selection made in the first select box
<?php
$selectedOption = $_POST['selectedOption'];

// Query database or perform any logic to fetch options based on selectedOption

$options = '<option value="1">Option A</option><option value="2">Option B</option>';

echo $options;
?>

Keywords

PHP dependent select boxes AJAX jQuery dynamic form interactions

Related Questions