Fuuy | Webmaster Forum - Google Webmaster Sitesi - Xyz Forum - Webmaster Topluluğu  

Go Back   Fuuy | Webmaster Forum - Google Webmaster Sitesi - Xyz Forum - Webmaster Topluluğu > Programlama / Yazılım > PHP

PHP PHP hakkında bilgiler, sorular ve cevaplar için bu bölümü kullanabilirsiniz.


Veritabanına Bağlı Dinamik Combobox, Checkbox vs.

PHP hakkında bilgiler, sorular ve cevaplar için bu bölümü kullanabilirsiniz.


User Tag List

Cevapla
LinkBack Seçenekler Görüntüleme stilleri
  #1  
Okunmamış 24 Ekim 2018, 07:05
Administrator
 
Katılım Tarihi: Ekim 2018
Mesajlar: 156
Mentioned: 0 Post(s)
Tagged: 0 Thread(s)
DOGUKAN is on a distinguished road
Standart Veritabanına Bağlı Dinamik Combobox, Checkbox vs.

Şimdi anlatacağım ise veritabanına bağlı dinamik combobox ve checkbox. İl ve ilçe vb. şekillerde kullanabilirsiniz.

Anlatım combobox içindir, fakat türevleri içinde aynı yöntem geçerlidir.

Sırasıyla ;

2 Adet tablomuz olsun, bunlar :

1. tablo fakulteler
2. tablo bolumler

Bu tablolarımızın tasarımı şu şekilde olsun :

1. tablofakulteler
Kod:
id fakulte_adi
2. tablobolumler
Kod:
id fakulte_id bolum_adi
Şimdi sırasıyla dosyalarımız :

1. zcomdb(klasik ayar.php veya dbconn.php)
Kod:
<?php
//db details
$dbHost = 'localhost';
$dbUsername = 'root';
$dbPassword = '';
$dbName = 'test';

//Connect and select the database
$db = new mysqli($dbHost, $dbUsername, $dbPassword, $dbName);

if ($db->connect_error) {
die("Connection failed: " . $db->connect_error);
}
?>
2. zajax.php (klasik ajax.php)
Kod:
<?php

include('zcomdb.php');

if(isset($_POST["id"]) && !empty($_POST["id"])){
$query = $db->query("SELECT * FROM bolumler WHERE fakulte_id = ".$_POST['id']." AND bolum_adi IS NOT NULL ORDER BY bolum_adi ASC");


$rowCount = $query->num_rows;

if($rowCount > 0){
echo '<option value="">Bölüm seçin</option>';
while($row = $query->fetch_assoc()){
echo '<option value="'.$row['id'].'">'.$row['bolum_adi'].'</option>';
}
}else{
echo '<option value="">Bölüm bulunmadı</option>';
}
}

?>
3. zindex.php (klasik index.php)
Kod:
<!DOCTYPE html>
<html>
<title>Deneme</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css.css">
<link type="text/css" rel="stylesheet" href="style.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open Sans">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="jquery.min.js"></script>

<style>
h1,h2,h3,h4,h5,h6 {font-family: "Oswald"}
body {font-family: "Open Sans"}


.select-boxes{width: 280px;text-align: center;}
select {
background-color: #F5F5F5;
border: 1px double #15a6c7;
color: #1d93d1;
font-family: Georgia;
font-weight: bold;
font-size: 14px;
height: 39px;
padding: 7px 8px;
width: 250px;
outline: none;
margin: 10px 0 10px 0;
}
select option{
font-family: Georgia;
font-size: 14px;
}

</style>
<script type="text/javascript">
$(document).ready(function(){
$('#fakulte').on('change',function(){
var fakulteID = $(this).val();
if(fakulteID){
$.ajax({
type:'POST',
url:'zajax.php',
data:'id='+fakulteID,
success:function(html){
$('#bolum').html(html);
}
});
}else{
$('#bolum').html('<option value="">İlk fakülte seçiniz</option>');
}
});
});
</script>


<body class="w3-light-grey">
<div class="w3-content" style="max-width:1600px">
<div class="w3-row w3-padding w3-border">
<div class="w3-col l12 s12">
<div class="w3-container w3-white w3-margin w3-padding-large">

<h2 style="text-align: center";>Select box örneği</h2>
<br>
<div class="select-boxes">
<?php
include('zcomdb.php');
$query = $db->query("SELECT * FROM fakulteler WHERE fakulte_adi IS NOT NULL ORDER BY fakulte_adi ASC");
$rowCount = $query->num_rows;
?>
<select name="fakulte" id="fakulte" >
<option value="">Fakulte seçiniz</option>
<?php
if($rowCount > 0){
while($row = $query->fetch_assoc()){
echo '<option value="'.$row['id'].'">'.$row['fakulte_adi'].'</option>';
}
}else{
echo '<option value="">Fakülteler mevcut degil.</option>';
}
?>
</select>
<select name="bolum" id="bolum">
<option value="">İlk Fakülte seçiniz.</option>
</select>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Alıntı ile Cevapla
Cevapla

Etiketler
bağlı, checkbox, combobox, dinamik, veritabanına


Konuyu toplamda 1 kişi okuyor. (0 Kayıtlı kullanıcı ve 1 misafir)
 
Seçenekler
Görüntüleme stilleri

Yetkileriniz
Konu açma yetkiniz yok
Cevap Yazma Yetkiniz Yok
Eklenti ekleme yetkiniz yok
Mesaj düzenleme yetkiniz yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık



Forum saati GMT +4 olarak seçilmiştir. Şuanki saat: 08:55.

Sitemap / Site Haritası
83, 81, 82, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99, 100, 101, 103, 104, 107, 106, 108, 109, 110, 111, 112, 113, 114, 115, 116, 117, 118, 131, 140, 141, 142, 143, 144, 145, 146, 147, 148, 149, 150, 151, 152, 153, 154, 155, 156, 157, 158, 159, 160, 161, 162, 163, 164, 165, 166, 167, 168, 169, 170, 171, 172, 173, 174, 175, 176, 177, 178, 179, 180, 181, 182, 183, 184, 185, 186, 187, 189, 190, 191, 192, 193, 194, 195, 196, 197, 198, 199, 200, 201, 202, 203, 204, 205, 206, 207, 208, 209, 210, 211, 270, 219, 220, 222, 223, 226, 227, 228, 229, 231, 232, 235, 243, 244, 249, 271, 277, 278, 285, 281, 282, 284, 287, 299, 300,
Sponsor Linkler : hacklink | evden eve nakliyat | seo uzmanı | istanbul evden eve nakliyat | Polyester Heykel | farmasi üye ol | Samsun evden eve nakliyat
ofis taşıma ofis taşımacılığı ofis nakliyesi İstanbul ofis taşımacılığı beşiktaş ofis taşımacılığı şişli ofis taşımacılığı maslak ofis taşımacılığı ataşehir ofis taşımacılığı gebze ofis taşımacılığı eşya depolama ev eşyası depolama depolama depolama şirketleri evden eve nakliyat istanbul evden eve nakliyat evden eve taşımacılık çolakoğlu nakliyat nakliyat ünlü resimleri ankara oto çekici istanbul escort beylikdüzü escort şirinevler escort bursa escort