2 Adet tablom var 2 si arasında ilişkiyi kurdum dogru calısıyor fakat kategori secilince fiyatı inputboxa basması gerekiyor bir türlü yapamadım.
Yapılmak istenen: Etkinlik Seç -> Kategori Seç'i Aktif et (bunu yaptım)
Kategori Seç -> Seçilen kategorinin fiyatını fiyata bas.
Selectbox'tan secilen 1..9 arasındaki rakamı fiyatla carp Toplam fiyata bas.
Etkinlik.php
<?php require_once('./Connections/database.php'); ?>
<?php
if(isset($_POST['EtkinlikId']) && $_POST['EtkinlikId'] != '')
{
$EtkinlikId = $_POST['EtkinlikId'];
$EtkinlikId = mysql_real_escape_string($EtkinlikId);
$query = "select * from ticket_etkinlikdetay where EtkinlikId='".$EtkinlikId."'";
$res = mysql_query($query);
if(mysql_num_rows($res))
{
while($row = mysql_fetch_array($res))
{
echo "<option value='".$row['DetayId']."'>".ucfirst($row['DetayKat'])."</option>";
}
}
}
if(isset($_POST['DetayId']) && $_POST['DetayId'] !='')
{
$DetayId = $_POST['DetayId'];
$DetayId = mysql_real_escape_string($DetayId);
$query = "select * from ticket_etkinlikdetay where DetayId='".$DetayId."'";
$res = mysql_query($query);
if (mysql_num_rows($res))
{
while($row = mysql_fetch_array($res))
{
echo "<input value='".$row['DetayId']."'>";
}
}
}
?>Javascript kodlarım <script type="text/javascript">
$(document).ready(function()
{
$("#etkinlik_kategori").change(function()
{
var EtkinlikId = $(this).val();
if(EtkinlikId != '')
{
$.ajax
({
type: "POST",
url: "etkinlik.php",
data: "EtkinlikId="+ EtkinlikId,
success: function(option)
{
$("#detay_kategori").html(option);
}
});
}
else
{
$("#detay_kategori").html("<option value=''>-- Etkinlik Seçilmedi --</option>");
}
return false;
});
});
</script>
<script>
$(document).ready(function()
{
var DetayId = $(this).val();
if (DetayId !='')
{
$.ajax
({
type: "POST",
url: "etkinlik.php"
data: "DetayId="+ DetayId,
success: function(option)
{
$("#detay_fiyat").html(option);
}
});
}
else
{
$("#detay_fiyat").html("<input value=''>");
}
return false;
});
});
</script>
<script>
function Hesapla(){
var DetayAdet,detay_fiyat,SatisTopFiyat,ToplamFiyat,SatisTopFiyat;
DetayAdet=document.getElementById("DetayAdet").value;
detay_fiyat=document.getElementById("detay_fiyat").value;
ToplamFiyat=DetayAdet*detay_fiyat;
SatisTopFiyat=document.getElementById("SatisTopFiyat");
SatisTopFiyat.value=ToplamFiyat; // eğer input ve textarea haricinde bir nesneye yazdıracaksan sonuc.innerHTML=toplam;
}
</script>Form içindeki ilgili bölümler. <section>
<?php
$query = "select * from ticket_etkinlik";
$res = mysql_query($query);
?>
<label class="label">Etkinlik Seçin</label>
<label class="select">
<select class="select" id="etkinlik_kategori" name="etkinlik_kategori">
<?php
echo "<option value=''>-- Etkinlik Seçin --</option>";
while($row = mysql_fetch_array($res))
{
echo "<option value='".$row['EtkinlikId']."'>".ucfirst($row['EtkinlikAdi'])."</option>";
}
?>
</select>
<i></i>
</label>
</section>
<section>
<label class="label">Kategori Seçin</label>
<label class="select">
<select class="select" id="detay_kategori" name="detay_kategori">
<option value="">-- Etkinlik Seçilmedi --</option>
</select>
<i></i>
</label>
</section>
<section>
<div class="note"><strong>Not:</strong> Bilet limiti 9 adettir. Bu, seçtiğiniz fiyat kategorisinde yanyana verilebilecek veya organizatör tarafından izin verilen, bir defada alınabilecek en fazla bilet adetidir.</div>
</section>
<section class="col col-2">
<label class="label">Adet</label>
<label class="select">
<select id="DetayAdet" onkeydown="Hesapla()">
<option value="0" />1
<option value="1" />2
<option value="2" />3
<option value="3" />4
<option value="4" />5
<option value="1" />6
<option value="2" />7
<option value="3" />8
<option value="4" />9
</select>
<i></i>
</label>
</section>
<section class="col col-4">
<?php
$query = "select * from ticket_etkinlikdetay";
$res = mysql_query($query);
?>
<label class="label">Fiyat (1 Adet)</label>
<label class="input">
<input id="detay_fiyat" name="detay_fiyat" type="text" onkeydown="Hesapla()">
</label>
</section>
<section class="col col-6">
<label class="label">Toplam Fiyat (KDV Dahil)</label>
<label class="input">
<input id="SatisTopFiyat" class="" type="text">
</label>
</section>