Radio Button Check

10 yıl (101 mesaj)

Teğmen

Konu Sahibi

Merhabalar arkadaşlar,
Şöyle bir problemim var otel odasında tek mi kalacak yoksa yanında biri var mı bunu radiobuttonla şöyle yapmak istiyorum.

1- Tek kalacağım
2- Birlikte kalacağız.

Şimdi Eğer 2.radiobutton işaretlerse db den listeyi çekip listbox içinde gösterecek.
Sizden 2 radiobutton ve 1 listbox istemiş oluyorum tabii db bağlantılı olarak.
Maalesef ajax ve javascript bilgim yok çalışan bir kod sizden rica edeceğim.

Teşekkür ederim.

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

V

valid20

10 yıl (101 mesaj)

Teğmen

Konu Sahibi

Yok mu yardımcı olabilecek biri?

Bu mesaja 1 cevap geldi.

V

valid20

10 yıl (101 mesaj)

Teğmen

Konu Sahibi

galiba yok :(

Bu mesaja 1 cevap geldi.

V

valid20

10 yıl (101 mesaj)

Teğmen

Konu Sahibi

peki bu noktaya kadar geldim. Ama 2. radio button grubunu ekleyince çalıştıramadım problem nedir? Yardımcı olabilecek biri var mı?

 
    echo ' 
    <form name = "myform" method="post" action="kaydet2.php"> 
   
  Tek Kalacak <input type = "radio" name = "rad1" value = "1" onclick = "showSelect()" checked> 
  Birlikte Kalacak <input type = "radio" name = "rad1" value = "2" onclick = "showSelect()"> 
  <br><br> 
   
   
   
  <div id = "L1" style="display:none"> 
  <select id = "list1"> 
  <option value = "0">Tek Kalacak</option> 
  </select> 
  </div> 
   
   
  <div id = "L2" style="display:none"> 
  <select id = "list2" size="1" name="seminer" style="font-weight: 700" tabindex="1"> 
  '; 
                  $sor4      =mysql_query("SELECT * From seminer order by adsoyad DESC"); 
                  while ($dizi4=mysql_fetch_array($sor4)){ 
                      $adsoyad               =$dizi4["adsoyad"]; 
                                           
                      echo" 
                      <option value=\"$adsoyad\" selected>$adsoyad</option> 
                      "; 
                  } 
  echo' 
  </select> 
  </div>'; 
   
   
   
   
    echo ' 
   
  <hr> 
  Diger <input type = "radio" name = "rad2" value = "1" onclick = "showSelect()" checked> 
  Calisanlar <input type = "radio" name = "rad2" value = "2" onclick = "showSelect()"> 
  <br><br> 
   
   
   
  <div id = "L3" style="display:none"> 
  <select id = "list3"> 
  <option value = "0">Diger</option> 
  </select> 
  </div> 
   
   
  <div id = "L4" style="display:none"> 
  <select id = "list4" size="1" name="bel_adi" style="font-weight: 700" tabindex="1"> 
  '; 
                  $sor      =mysql_query("SELECT * From belediyeler order by bel_adi"); 
                  while ($dizi=mysql_fetch_array($sor)){ 
                      $bel_adi              =$dizi["bel_adi"]; 
                       
                      echo" 
                      <option value=\"$bel_adi\" selected>$bel_adi</option> 
                      "; 
                  } 
  echo' 
  </select> 
  </div>'; 
   
   
   
  echo' 
  <input type="submit" value="Kaydet"> 
  </form> 
   
   
   
   
   
  <script type = "text/javascript"> 
  function showSelect() { 
  document.getElementById("L1").style.display="none"; 
  document.getElementById("L2").style.display="none"; 
  for (var i=0; i <2; i++) { 
  if (document.myform.rad1[i].checked) { 
  var val = document.myform.rad1[i].value; 
  } 
  if (val == 1) { 
  document.getElementById("L1").style.display="block"; 
  } 
  if (val == 2) { 
  document.getElementById("L2").style.display="block"; 
  } 
  } 
   
  } 
   
  </script> 
   
   
   
   
  <script type = "text/javascript"> 
  function showSelect() { 
  document.getElementById("L3").style.display="none"; 
  document.getElementById("L4").style.display="none"; 
  for (var z=0; z <2; z++) { 
  if (document.myform.rad2[z].checked) { 
  var vall = document.myform.rad2[z].value; 
  } 
  if (vall == 1) { 
  document.getElementById("L3").style.display="block"; 
  } 
  if (vall == 2) { 
  document.getElementById("L4").style.display="block"; 
  } 
  } 
   
  } 
   
  </script> 
    ';

Bu mesaja 1 cevap geldi.

Y

YILDIRIMK

10 yıl (147 mesaj)

Çavuş

showSelect diye iki tane function koymussun ayni sayfa icerisinde. Tiklandiginda hangisini yapacak karar veremez. O yuzden bir tanesinin adini degistirmen lazim. showSelect1 ve showSelect2 gibi

Bu mesaja 1 cevap geldi.

V

valid20

10 yıl (101 mesaj)

Teğmen

Konu Sahibi

quote:

Orijinalden alıntı: YILDIRIMK

showSelect diye iki tane function koymussun ayni sayfa icerisinde. Tiklandiginda hangisini yapacak karar veremez. O yuzden bir tanesinin adini degistirmen lazim. showSelect1 ve showSelect2 gibi

Çok teşekkür ederim. Dediğiniz şekilde hal ettim. Ama başka bir problemim var maalesef.
İnternette bir yerden il ilçe benzeri kodları buldum. yalnız script te ülke ve şehirleri yapmışlar bende bunu iller ve ilçelere çevirmek istedim. İndexe müdahale ettim oradada sadece db den 3 şehir çekti. Scriptte ülke ve şehirler elle yazılmış ben bunları db den çekip yazdırmak istiyorum ama js. dosyasına nasıl müdahale edeceğimi bilemiyorum. sayfaları ve kodlarını aşağıya yazıyorum lütfen bana açık olarak nereye ne yazılması gösterirseniz sevinirim.
Selamlar

 
  <?php 
    include ("ayar.php"); 
    echo " 
     
  <!DOCTYPE html> 
  <html> 
   <head> 
      <title>jQuery Select Change Event For Dependent Select Option Field - Demo Preview</title> 
      <meta name=\"robots\" content=\"noindex, nofollow\"> 
  <!-- include css file here--> 
    <link rel=\"stylesheet\" href=\"select_jquery.css\"/> 
     
  <!-- include JavaScript file here--> 
  <script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js\"></script> 
  <script type="text/javascript" src="select_jquery.js"></script> 
   </head> 
   <body> 
    <div class="container"> 
  <div class="main"> 
     <h2> </h2><hr/></br> 
  <label>Select Country:</label><br/><br/> 
  <div id="prm"> 
  <select id="country"> 
      <option>--Select--</option> 
          "; 
      $cek=mysql_query("SELECT * FROM iller"); 
      while($row=mysql_fetch_array($cek)){ 
      $il_adi=$row["il_adi"]; 
      echo"<option>$il_adi</option>"; 
      } 
      echo" 
       
  </select><br/><br/> 
  <label>Select City:</label><br/><br/> 
  <select id="city"> 
  <!--Dependent Select option field--> 
  </select> 
  </div> 
  </div> 
  <!-- Div Fugo is advertisement div--> 
  <div class="fugo"> 
    </div> 
    </div> 
   </body> 
  </html> 
    "; 
  ?>

select_jquery.js

 
  $(document).ready(function(){ 
  //Initializing arrays with city names 
  var USA = [ 
      {display: "Washington, D.C.", value: "WashingtonDC" },  
      {display: "Alaska", value: "Alaska" },  
      {display: "New York", value: "New-York" }, 
   {display: "Florida", value: "Florida" }, 
   {display: "Hawaii", value: "Hawaii" }, 
      {display: "California", value: "California" }]; 
       
  var AUSTRALIA = [ 
      {display: "Canberra", value: "Canberra" },  
      {display: "Sydney", value: "Sydney" },  
      {display: "Melbourne", value: "Melbourne" }, 
   {display: "Perth", value: "Perth" }, 
      {display: "Gold Coast ", value: "Gold-Coast" }]; 
       
  var FRANCE = [ 
      {display: "Paris", value: "Paris" },  
      {display: "Avignon", value: "Avignon" },  
      {display: "Strasbourg", value: "Strasbourg" }, 
      {display: "Nice", value: "Nice" }]; 
  //Function executes on change of first select option field  
  $("#country").change(function(){ 
  var select = $("#country option:selected").val(); 
  switch(select){ 
  case "USA": 
   city(USA); 
  break; 
  case "AUSTRALIA": 
   city(AUSTRALIA); 
  break; 
  case "FRANCE": 
   city(FRANCE); 
  break; 
  default: 
   $("#city").empty(); 
   $("#city").append("<option>--Select--</option>"); 
  break; 
  } 
  }); 
  //Function To List out Cities in Second Select tags 
  function city(arr){ 
   $("#city").empty();//To reset cities 
   $("#city").append("<option>--Select--</option>"); 
   $(arr).each(function(i){//to list cities 
    $("#city").append("<option value=\""+arr[i].value+"\">"+arr[i].display+"</option>") 
   }); 
  } 
  });

< Bu mesaj bu kişi tarafından değiştirildi valid20 -- 6 Ocak 2016; 22:05:30 >
Bu mesaja 1 cevap geldi.

Y

YILDIRIMK

10 yıl (147 mesaj)

Çavuş

Buldugu kodda js dosyasi icinde (var) olarak elle kayit edilmis ulkelerin sehirlerini direk o ulkenin ismiyle eslestirip gosteriyor. Bu senin icin zor olur diye tahmin ediyorum. Istersen soyle birsey yapabilirsin.
ilk once verdigim linkten sehirlerin bulundupu select kodunu kopyala.
select tag iller listesi

ondan sonra bu select tag icerisinden bir secim yapildiginda databaseden ilceleri cekecek bir ajax function ekleyelim.

<script>       
   
                function showResult(ert) 
                          { 
                          var xmlhttp; 
                          if (window.XMLHttpRequest) 
                            {// code for IE7+, Firefox, Chrome, Opera, Safari 
                            xmlhttp=new XMLHttpRequest(); 
                            } 
                          else 
                            {// code for IE6, IE5 
                            xmlhttp=new ActiveXObject('Microsoft.XMLHTTP'); 
                            } 
                          xmlhttp.onreadystatechange=function() 
                            { 
                            if (xmlhttp.readyState==4 && xmlhttp.status==200) 
                              { 
                              document.getElementById('displayresult').innerHTML=xmlhttp.responseText; 
                              } 
                            } 
                          xmlhttp.open('POST','ilcesecim.php',true); 
                          xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded'); 
                          xmlhttp.send('plakakodu=' +ert); 
                          } 
                          </script>

Bu ajax kodu iller listesinde secim yapildiginda o ildeki verilen value parametresini ilcesecim.php dosyasina post edecek. Ordan gelecek sonucuda displayresult id li div icerisinde gosterecek. (document.getElementById('displayresult').innerHTML=xmlhttp.responseText; )

ilce secim icinde senin mysqlden ornegin ilin plaka kodu girildiginde o ile ait ilceleri cekip <option>$ilceler</option> gibi yazdirabilcek bir ilcesecim.php dosyasi yazman gerek.

function calismasi icinde il secim select tagi icerisine <select name="iller" onchange="showResult(this.value)"> diye gommen yeter.

Bu mesaja 1 cevap geldi.

V

valid20

10 yıl (101 mesaj)

Teğmen

Konu Sahibi

quote:

Orijinalden alıntı: YILDIRIMK

Buldugu kodda js dosyasi icinde (var) olarak elle kayit edilmis ulkelerin sehirlerini direk o ulkenin ismiyle eslestirip gosteriyor. Bu senin icin zor olur diye tahmin ediyorum. Istersen soyle birsey yapabilirsin.
ilk once verdigim linkten sehirlerin bulundupu select kodunu kopyala.
select tag iller listesi

ondan sonra bu select tag icerisinden bir secim yapildiginda databaseden ilceleri cekecek bir ajax function ekleyelim.

<script>       
   
                function showResult(ert) 
                          { 
                          var xmlhttp; 
                          if (window.XMLHttpRequest) 
                            {// code for IE7+, Firefox, Chrome, Opera, Safari 
                            xmlhttp=new XMLHttpRequest(); 
                            } 
                          else 
                            {// code for IE6, IE5 
                            xmlhttp=new ActiveXObject('Microsoft.XMLHTTP'); 
                            } 
                          xmlhttp.onreadystatechange=function() 
                            { 
                            if (xmlhttp.readyState==4 && xmlhttp.status==200) 
                              { 
                              document.getElementById('displayresult').innerHTML=xmlhttp.responseText; 
                              } 
                            } 
                          xmlhttp.open('POST','ilcesecim.php',true); 
                          xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded'); 
                          xmlhttp.send('plakakodu=' +ert); 
                          } 
                          </script>

Bu ajax kodu iller listesinde secim yapildiginda o ildeki verilen value parametresini ilcesecim.php dosyasina post edecek. Ordan gelecek sonucuda displayresult id li div icerisinde gosterecek. (document.getElementById('displayresult').innerHTML=xmlhttp.responseText; )

ilce secim icinde senin mysqlden ornegin ilin plaka kodu girildiginde o ile ait ilceleri cekip <option>$ilceler</option> gibi yazdirabilcek bir ilcesecim.php dosyasi yazman gerek.

function calismasi icinde il secim select tagi icerisine <select name="iller" onchange="showResult(this.value)"> diye gommen yeter.

Aradığım şeyi aslında buldum ama bundada şöyle bir problem var ili seçiyorum ardından ilçeyi seçiyorum sonra farklı bir il seçince önceki illerin ilçelerini de gösteriyor. Yani önceki seçimin ilçelerini sıfırlaması gerek bunu yapmıyor.

index.php

 
  <?php 
    include ("ayar3.php"); 
   
    ?> 
     
  <!DOCTYPE html> 
  <html> 
   <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> 
      <title>jQuery Select Change Event For Dependent Select Option Field - Demo Preview</title> 
      <script type= "text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
      <script type="text/javascript"> 
      $(function(){ 
          $("ilceler").hide(); 
          $("#iller select").change(function(){ 
             var deger=$(this).val(); 
             var degerler=$("#form1").serialize(); 
              
             $.ajax({ 
                type:"POST", 
                url:"ilce_kontrol.php", 
                data: degerler, 
                success: function(x){ 
                    $("#ilceler").fadeIn('slow'); 
                    $("#ilceler select").prepend(x); 
                } 
             }); 
          }); 
      }); 
      </script> 
   </head> 
  <body> 
   
      <!-- Content --> 
      <div id="content"> 
   
          <!-- iller --> 
          <div id="iller"> 
          <form action="" method="post" id="form1"> 
              <select name="il"> 
                  <option value="0">Lutfen Secim Yapiniz</option> 
                  <?php 
                        $bul=mysql_query("SELECT * FROM iller"); 
                        while($row=mysql_fetch_array($bul)){ 
                       
                          $il_id          =$row["il_id"]; 
                          $il_adi         =$row["il_adi"]; 
                           
                          //echo "$il_id - $il_adi<br>"; 
                          echo "<option value=\"$il_id\">$il_adi</option>"; 
                          //echo '<option value="'.$row["il_id"].'">'.$row["il_adi"].'</option>'; 
                          //echo '<option value="'.$row["il_id"].'">'.$row["il_adi"].'</option>'; 
                      } 
                  ?> 
              </select> 
              </form> 
          </div> 
          <!-- #iller --> 
          <!-- ilceler --> 
          <div id="ilceler"> 
              <select name="ilce"> 
              <option value="0">Lutfen Secin</option> 
              </select> 
          </div> 
          <!-- ilceler --> 
   
      </div> 
      <!--#Content --> 
  </body> 
  </html>

ilce_kontrol.php

 
  <?php 
    include ("ayar3.php"); 
     
    if($_POST){ 
        $id=$_POST["il"]; 
         
        $bul=mysql_query("SELECT * FROM ilce where il_id='$id'"); 
        while($row=mysql_fetch_array($bul)){ 
             
            echo '<option value="'.$row["ilce_id"].'">'.$row["ilce_adi"].'</option>'; 
        } 
    }else{ 
        return false; 
    } 
    ?>

< Bu mesaj bu kişi tarafından değiştirildi valid20 -- 7 Ocak 2016; 14:36:31 >

Y

YILDIRIMK

10 yıl (147 mesaj)

Çavuş

ajax success rw ilk once $("#ilceler").empty(); yapip sonra digerlerini gostersen. yani soyle

$.ajax({
type:"POST",
url:"ilce_kontrol.php",
data: degerler,
success: function(x){
$("#ilceler").empty();
$("#ilceler").fadeIn('slow');
$("#ilceler select").prepend(x);

bir deneyebilir misin?

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @valid20

V

valid20

10 yıl (101 mesaj)

Teğmen

Konu Sahibi

quote:

Orijinalden alıntı: YILDIRIMK

ajax success rw ilk once $("#ilceler").empty(); yapip sonra digerlerini gostersen. yani soyle

$.ajax({
type:"POST",
url:"ilce_kontrol.php",
data: degerler,
success: function(x){
$("#ilceler").empty();
$("#ilceler").fadeIn('slow');
$("#ilceler select").prepend(x);

bir deneyebilir misin?

Maalesef ilceler listbox ı artık aşağıda hiç görünmüyor.

< Bu mesaj bu kişi tarafından değiştirildi valid20 -- 7 Ocak 2016; 16:35:44 >
Bu mesaja 1 cevap geldi.

Y

YILDIRIMK

10 yıl (147 mesaj)

Çavuş

$("#result").html(result);

birde bunu deneyebilirsin. Buda html elementlerini temizlemek icindir ama senin isini gorurmu tam bilemedim.

$.ajax({
type:"POST",
url:"ilce_kontrol.php",
data: degerler,
success: function(x){
$("#ilceler").html('x');
$("#ilceler select").prepend(x);

Bu mesajda bahsedilenler: @valid20

V

valid20

10 yıl (101 mesaj)

Teğmen

Konu Sahibi

quote:

Orijinalden alıntı: YILDIRIMK

$("#result").html(result);

birde bunu deneyebilirsin. Buda html elementlerini temizlemek icindir ama senin isini gorurmu tam bilemedim.

$.ajax({
type:"POST",
url:"ilce_kontrol.php",
data: degerler,
success: function(x){
$("#ilceler").html('x');
$("#ilceler select").prepend(x);

Maalesef gene olmadı bu da aşağıya sadece x harfini yazıyor. Alttaki list box hiç gözükmüyor..

Bu mesaja 1 cevap geldi.

V

valid20

10 yıl (101 mesaj)

Teğmen

Konu Sahibi

yok mu yardımcı olacak biri.

< Bu mesaj bu kişi tarafından değiştirildi valid20 -- 8 Ocak 2016; 14:40:33 >
Bu mesaja 1 cevap geldi.

V

valid20

10 yıl (101 mesaj)

Teğmen

Konu Sahibi

yardım lütfen....

Bu mesaja 1 cevap geldi.

N

nihattr

10 yıl (7922 mesaj)

Yarbay

Son durumda kodlar ne durumda? Karışık geldi, kafa yoramadım. :)

< Bu ileti tablet sürüm kullanılarak atıldı >

L

larmral

10 yıl (98 mesaj)

Çavuş

ili seçtikten sonra ilçeler açılmalı. yani il seçmeden ilçeler açılmamalı. basit bir hidden visibility ile öğe özelliklerinden (style) yapılabilir. il seçimi yapıldıktan sonra ilçe seçimi yapılırken il bloke edilmeli.

Bu mesaja 1 cevap geldi.

E

ecarpar

10 yıl (979 mesaj)

Yüzbaşı

quote:

Orijinalden alıntı: larmral

ili seçtikten sonra ilçeler açılmalı. yani il seçmeden ilçeler açılmamalı. basit bir hidden visibility ile öğe özelliklerinden (style) yapılabilir. il seçimi yapıldıktan sonra ilçe seçimi yapılırken il bloke edilmeli.

İl seçili değilken ilçe olmayacak,

1. İki farklı class oluştur, birinde dispaly:none; diğerinde diplay:block; olsun
2. il/ilçe gerekli olanın seçili olduğu haline geldiği vakit bir tetikleyici koy addClass ve removeClass ile gerekli görünümü sağla.

ilk başta ilçenin css tarafında class larında (görünmesini istemiyorsan )display:none; kullanıyorsun ,
daha sonra İl seçili hale gelince fonksiyonuna addClass ile oluşturduğun diğer class ı (diplay:block;) atıyorsun,

olay şurada karışıyor, kullanıcı sadece bir defa mı il seçebilecek ? Kazara Adanayı seçtik sonra ilçeyi tıkladık ve artık İl kapandı ne olacak? bütün verileri kaybedip refresh mi yapacağız ? Bence bırak istediği kadar istediğini seçsin kullanıcı o kısma müdahale etme.