İNDEX.PHP İÇERİĞİ;
<select name="icerik" id="secenek">
<option value="1">Seçenek 1</option>
<option value="2">Seçenek 2</option>
<option value="3">Seçenek 3</option>
</select>
<div id="gelecek"></div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function()
{
$('#secenek').change(function()
{
var value = $('#secenek option:selected').attr('value');
$.ajax({url: "secenekgetir.php?secenek="+value, success: function(result){
$("#gelecek").html(result);
}});
})
})
</script>SEÇENEKGETİR.PHP İÇERİĞİ;
<select name="kategori">
<?php
require_once "baglan.php";
$secenek=$_GET["secenek"];
$sorgu=mysql_query("select * from secenekler where secenek=".$secenek);
if(mysql_affected_rows() > 0)
{
while($oku=mysql_fetch_assoc($sorgu)
{
echo '
<option value="'.$oku["kategoriID"].">'.$oku["kategoriAdi"].'</option>';
}
}
?>
</select>
Açıklamak gerekirse; Jquery, id'si seçenek olan select'te seçilen option'un value değerini alıp seçenekgetir.php sayfasına get ile gönderir. secenekgetir.php sayfası aldığı bu değere göre veritabanında sorgulayarak gelen tüm veriyi ayrı bi option içine yazar ve geri cevap olarak gönderir. Jquery, gelen bu cevabı alır ve fonksiyon içinde belirtilen $("#gelecek").html(result); kısmındaki id'si secenek olan div'in içine yazar.
Böylelikle birinci taraftaki select'te ne seçilirse ikinci select'te de ona göre veri eklenir.