Probleme ajax

salut!
mon probleme et que je veux recuperer les $_GET de l'url et les utiliser en ajax

je veut determiner les options du 2éme select suivant le choix de la 1ér...

c'est la page detail.php
[code]
<?php
if(isset($_GET['cat']) && isset($_GET['s_cat'])){
$reponse ="SELECT * FROM `products` WHERE `cat`='".$_GET['cat']."' AND `s_cat`='".$_GET['s_cat']."' AND `nom_product`='".$_GET['nom_product']."' AND `prix`='".$_GET['prix']."'";
$stm1=$bdd->prepare($reponse);
$stm1->execute();
$result1 = $stm1->fetchAll();

$taille = array();


foreach($result1 as $row)
{
if(!in_array($row['taille'], $taille, true)){
array_push($taille,$row['taille']);
}
}
?>


<select class="taille" name="taille" id="taille" onchange="getId(this.value);">
<?php
for($i=0 ; $i < count($taille) ; $i++){
echo '<option>'.$taille[$i].'</option>';
}
?>
</select>

<select name="couleur" class="couleur" id="couleur">
<option> select color</option>
</select>


<?php
}
?>
<div id="image">
<img src="photo1.jpg" />
</div>

</div>


<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.0.min.js"></script>

<script type="text/javascript" src="Jquery.js"></script>

<script>
$.urlParam = function(name){
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
return results[1] || 0;
}
</script>

<script>
function getId(val){
$.ajax({
type: "GET",
url: "getdata.php",
data: "cat="+<?php echo $_GET['cat'] ?>+"s_cat="+<?php echo $_GET['s_cat'] ?>+"nom_product"+<?php echo $_GET[''] ?>+"taille="+taille,
dataType: 'html',
success: function(data){
$("#couleur").html(data);
}
});
}
</script>

<script>
$(function() {
$(document).change('#couleur',function() {
var c = document.getElementById('couleur');
var couleur = c.options[c.selectedIndex].value;
var t = document.getElementById('taille');
var taille = t.options[t.selectedIndex].value;
var f = $.urlParam('nom_product');
$('#image').load('image.php?cat=<?php echo $_GET['cat'] ?>&s_cat=<?php echo $_GET['s_cat'] ?>&nom_product='+f+'&prix=<?php echo $_GET['prix'] ?>&couleur='+couleur+'&taille='+taille);
});
});
</script>
[code]

et a page getdata.php

[code]
<?php
$bdd= new PDO('mysql:host=localhost;dbname=magasin','root','');
$query="SELECT * FROM `products` WHERE `cat`='".$_GET['cat']."' AND `nom_product`='".$_GET['nom_product']."' AND `prix`='".$_GET['prix']."' AND `taille`='".$_GET['taille'].;
$stm1=$bdd->prepare($query);
$stm1->execute();
$result1 = $stm1->fetchAll();
$couleur=array();
foreach($result1 as $row)
{
if(!in_array($row['couleur'], $couleur, true)){
array_push($couleur,$row['couleur']);
}
}
for($i=0 ; $i < count($couleur) ; $i++){
echo '<option>'.$couleur[$i].'</option>';
}

?>

[code]
merci