• 15-08-2021, 00:17:51
    #1
    Merhaba Arkadaşlar
    ilan eklerken select timde Konut, İşyeri, Trustik Tesis ve Arsa diye optionlarım var, seçtiğim optionlara göre aşağıya divler içerisinde o optiona ait divlerim geliyor, Mesela Konut olarak seçtiğimde Konuta ait divler geliyor bu divler içerinde Select, iput ve textra diye form elamanlarım var, ben bu form elamanlarını doldurduktan post etmeden Konut denen seçenekten vazgeçtim Arsa olan seçeneği seçtim ama konuttaki doldurduğum form elamanları alt yapıda dolu olarak kalıyor, benim yapmak istediğim Misal Olarak Arsayı seçtiğimde daha önce Konut olarak doldurduğum Form elamanları hepsinin temizlenmesi için nasıl yol izlemeliyim, bana bu konuda yardımcı olabilirmisiniz, kodlarım aşağıdaki gibi
    teşekkür ederim
    function tumunuGizle(){
    var tumidler=["isitmaid","zeminid","odaid","banyoid","metrekare","binayasi","katid","bulundugukatid","tapuid","iskandurumu","ipotekdurumu","yatirimauygunlukid","ulasimid","icozellikid","disozellikid","cepheid","konumid","manzaraid","konuttipi","kullanimid","altyapiid","imardurumozellikler","yapidurumuid","esyaliid","siteicerisi","krediuygunluk","tesistipiid","stndrtodasayisiid","aileodasi","supaileodasi","yatsayisi","yilsayisi","topsalonu","tesisyasi","tesiskatsayisi","odaozellikleriid","tesisicozellikleriid","tesisdiozellikleriid","isyeritipiid","arsatipiid","katkarsiligiid","takasid","adano","parselno","paftano","emsal","gabari"];
    tumidler.forEach(function(element){
    $("div#"+element).attr("style","display:none;").fadeOut();
    });
    }
    function gizlegoster(){
    var gosteridler;
    if ($("select[name=turid]").find(":selected").val()=="1"){
    console.log("Konut");
    gosteridler=["isitmaid","zeminid","odaid","banyoid","metrekare","binayasi","katid","bulundugukatid","tapuid","iskandurumu","ipotekdurumu","yatirimauygunlukid","ulasimid","icozellikid","disozellikid","cepheid","konumid","manzaraid","konuttipi","kullanimid","yapidurumuid","esyaliid","siteicerisi","krediuygunluk","takasid","adano","parselno","paftano"];
    tumunuGizle();
    gosteridler.forEach(function(element){
    $("div#"+element).attr("style","display:block;").fadeIn();
    });
    } else if ($("select[name=turid]").find(":selected").val()=="5"){
    console.log("Otel");
    gosteridler=["isitmaid","metrekare","tapuid","iskandurumu","ipotekdurumu","yatirimauygunlukid","ulasimid","konumid","manzaraid","yapidurumuid","krediuygunluk","tesistipiid","stndrtodasayisiid","aileodasi","supaileodasi","yatsayisi","yilsayisi","topsalonu","tesisyasi","tesiskatsayisi","odaozellikleriid","tesisicozellikleriid","tesisdiozellikleriid","takasid","adano","parselno","paftano"];
    tumunuGizle();
    gosteridler.forEach(function(element){
    $("div#"+element).attr("style","display:block;").fadeIn();
    });
    } else if ($("select[name=turid]").find(":selected").val()=="3"){
    console.log("İşyeri");
    gosteridler=["isitmaid","zeminid","odaid","banyoid","metrekare","binayasi","katid","bulundugukatid","tapuid","iskandurumu","ipotekdurumu","yatirimauygunlukid","ulasimid","icozellikid","disozellikid","cepheid","konumid","manzaraid","kullanimid","yapidurumuid","esyaliid","siteicerisi","krediuygunluk","isyeritipiid","takasid","adano","parselno","paftano"];
    tumunuGizle();
    gosteridler.forEach(function(element){
    $("div#"+element).attr("style","display:block;").fadeIn();
    });
    } else if ($("select[name=turid]").find(":selected").val()=="7"){
    console.log("Arsa");
    gosteridler=["metrekare","ipotekdurumu","yatirimauygunlukid","ulasimid","konumid","manzaraid","altyapiid","imardurumozellikler","krediuygunluk","arsatipiid","katkarsiligiid","takasid","adano","parselno","paftano","emsal","gabari"];
    tumunuGizle();
    gosteridler.forEach(function(element){
    $("div#"+element).attr("style","display:block;").fadeIn();
    });
    } else {
    tumunuGizle();
    var goster=["durumid"];
    goster.forEach(function(element){
    $("div#"+element).attr("style","display:block;").fadeIn();
    });
    }
    }
    tumunuGizle();
    gizlegoster();
    $("body").on("change","select[name=turid]", function(button){
    gizlegoster()
    });
  • 15-08-2021, 01:31:53
    #2
    emlak21 adlı üyeden alıntı: mesajı görüntüle
    Merhaba Arkadaşlar
    ilan eklerken select timde Konut, İşyeri, Trustik Tesis ve Arsa diye optionlarım var, seçtiğim optionlara göre aşağıya divler içerisinde o optiona ait divlerim geliyor, Mesela Konut olarak seçtiğimde Konuta ait divler geliyor bu divler içerinde Select, iput ve textra diye form elamanlarım var, ben bu form elamanlarını doldurduktan post etmeden Konut denen seçenekten vazgeçtim Arsa olan seçeneği seçtim ama konuttaki doldurduğum form elamanları alt yapıda dolu olarak kalıyor, benim yapmak istediğim Misal Olarak Arsayı seçtiğimde daha önce Konut olarak doldurduğum Form elamanları hepsinin temizlenmesi için nasıl yol izlemeliyim, bana bu konuda yardımcı olabilirmisiniz, kodlarım aşağıdaki gibi
    teşekkür ederim
    function tumunuGizle(){
    var tumidler=["isitmaid","zeminid","odaid","banyoid","metrekare","binayasi","katid","bulundugukatid","tapuid","iskandurumu","ipotekdurumu","yatirimauygunlukid","ulasimid","icozellikid","disozellikid","cepheid","konumid","manzaraid","konuttipi","kullanimid","altyapiid","imardurumozellikler","yapidurumuid","esyaliid","siteicerisi","krediuygunluk","tesistipiid","stndrtodasayisiid","aileodasi","supaileodasi","yatsayisi","yilsayisi","topsalonu","tesisyasi","tesiskatsayisi","odaozellikleriid","tesisicozellikleriid","tesisdiozellikleriid","isyeritipiid","arsatipiid","katkarsiligiid","takasid","adano","parselno","paftano","emsal","gabari"];
    tumidler.forEach(function(element){
    $("div#"+element).attr("style","display:none;").fadeOut();
    });
    }
    function gizlegoster(){
    var gosteridler;
    if ($("select[name=turid]").find(":selected").val()=="1"){
    console.log("Konut");
    gosteridler=["isitmaid","zeminid","odaid","banyoid","metrekare","binayasi","katid","bulundugukatid","tapuid","iskandurumu","ipotekdurumu","yatirimauygunlukid","ulasimid","icozellikid","disozellikid","cepheid","konumid","manzaraid","konuttipi","kullanimid","yapidurumuid","esyaliid","siteicerisi","krediuygunluk","takasid","adano","parselno","paftano"];
    tumunuGizle();
    gosteridler.forEach(function(element){
    $("div#"+element).attr("style","display:block;").fadeIn();
    });
    } else if ($("select[name=turid]").find(":selected").val()=="5"){
    console.log("Otel");
    gosteridler=["isitmaid","metrekare","tapuid","iskandurumu","ipotekdurumu","yatirimauygunlukid","ulasimid","konumid","manzaraid","yapidurumuid","krediuygunluk","tesistipiid","stndrtodasayisiid","aileodasi","supaileodasi","yatsayisi","yilsayisi","topsalonu","tesisyasi","tesiskatsayisi","odaozellikleriid","tesisicozellikleriid","tesisdiozellikleriid","takasid","adano","parselno","paftano"];
    tumunuGizle();
    gosteridler.forEach(function(element){
    $("div#"+element).attr("style","display:block;").fadeIn();
    });
    } else if ($("select[name=turid]").find(":selected").val()=="3"){
    console.log("İşyeri");
    gosteridler=["isitmaid","zeminid","odaid","banyoid","metrekare","binayasi","katid","bulundugukatid","tapuid","iskandurumu","ipotekdurumu","yatirimauygunlukid","ulasimid","icozellikid","disozellikid","cepheid","konumid","manzaraid","kullanimid","yapidurumuid","esyaliid","siteicerisi","krediuygunluk","isyeritipiid","takasid","adano","parselno","paftano"];
    tumunuGizle();
    gosteridler.forEach(function(element){
    $("div#"+element).attr("style","display:block;").fadeIn();
    });
    } else if ($("select[name=turid]").find(":selected").val()=="7"){
    console.log("Arsa");
    gosteridler=["metrekare","ipotekdurumu","yatirimauygunlukid","ulasimid","konumid","manzaraid","altyapiid","imardurumozellikler","krediuygunluk","arsatipiid","katkarsiligiid","takasid","adano","parselno","paftano","emsal","gabari"];
    tumunuGizle();
    gosteridler.forEach(function(element){
    $("div#"+element).attr("style","display:block;").fadeIn();
    });
    } else {
    tumunuGizle();
    var goster=["durumid"];
    goster.forEach(function(element){
    $("div#"+element).attr("style","display:block;").fadeIn();
    });
    }
    }
    tumunuGizle();
    gizlegoster();
    $("body").on("change","select[name=turid]", function(button){
    gizlegoster()
    });
    Select change olduğunda formu resetlemeyi deneyebilirsin.

    document.getElementById("formunIdsi").reset();

    Kodun çalışır ama ben olsam turid değerine göre class eklerim divlere;
    Örnek cepid'ye class='kategori1 kategori3' buna göre süzmek daha kolay olur.

    https://jsfiddle.net/7om16uqw/


    <select id="secenek">
    <option></option>
    <option value='1'>1111111</option>
    <option value='3'>333333333</option>
    <option value='5'>5555555</option>
    <option value='7'>7777777777</option>
    </select>
    
    <div id='seceneklerAlt'>
    
    <div class="kategori1 kategori3">1 ve 3 de görünecek</div>
    <div class="kategori3 kategori5">3 ve 5 de görünecek</div>
    <div class="kategori1 kategori6">1 ve 6 de görünecek</div>
    <div class="kategori5 kategori7">5 ve 7 de görünecek</div>
    <div class="kategori7">7de görünecek</div>
    <div class="kategori1">1de görünecek</div>
    
    </div>

    $('#seceneklerAlt div').hide();
    
    $('#secenek').change(function(){
    $('#seceneklerAlt div').hide();
    let v=$(this).val();
    $('#seceneklerAlt .kategori'+v).show();
    });
  • 15-08-2021, 01:38:46
    #3
    Reset'li örnek

    Her değiştiğinde resetlenir bu yüzden bir alert eklemekte fayda var. https://jsfiddle.net/7om16uqw/1/