Şimdi Ara

Radio Button Check

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
17
Cevap
0
Favori
1.812
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • 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.



  • Yok mu yardımcı olabilecek biri?
  • galiba yok :(
  • 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>
    ';





  • 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
  • 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

    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 >




  • 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.




  • Yapay Zeka’dan İlgili Konular
    Daha Fazla Göster
  • 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 >




  • 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?
  • 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 >
  • valid20 kullanıcısına yanıt
    $("#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);
  • 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..
  • yok mu yardımcı olacak biri.



    < Bu mesaj bu kişi tarafından değiştirildi valid20 -- 8 Ocak 2016; 14:40:33 >
  • yardım lütfen....
  • Son durumda kodlar ne durumda? Karışık geldi, kafa yoramadım. :)

    < Bu ileti tablet sürüm kullanılarak atıldı >
  • 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.
  • 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.




  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.