• 11-05-2022, 22:38:23
    #1
    Selam arkadaşlar.
    Şöyle bir formum var.


    Burada Customer satırında + Butonuna basınca bir modal açılıyor ve müşteri yoksa müşteri ekleme işlemi yapılıyor.
    Sorunum şu buraya müşteri ekleme işlemi yapıldıktan sonra sayfa yenilemeden selectbox içeriğini yeniletmem gerekiyor.
    Bu işlemi nasıl sağlayabilirim.
    HTML FORMUM
    <form id="customerFormSend" data-parsley-validate="true">                    
                                <div class="row">
                                    <!-- begin col-8 -->
                                    <div class="col-xl-8 offset-xl-2">    
                                        <!-- begin form-group row -->
                                        <div class="form-group row m-b-10">
                                            <label class="col-lg-3 text-lg-right col-form-label"><?php echo $customerFormLang['name']; ?></label>
                                            <div class="col-lg-9 col-xl-6">
                                                <input type="text" name="customer_company"  class="form-control" />
                                            </div>
                                        </div>
                                        <!-- end form-group row -->
                                        <input type="hidden" name="customerFormQuick" value="1">
                                        <!-- begin form-group row -->
                                        <div class="form-group row m-b-10 text-right">
                                            <label class="col-lg-3 text-lg-right col-form-label"></label>
                                            <div class="col-lg-9 col-xl-6">
                                                <button class="btn btn-success"><?php echo $customerFormLang['submit']; ?></button>
                                            </div>
                                        </div>
                                        <!-- end form-group row -->
                                    </div>
                                </form>
    JAVA KODLARIM
    <script type="text/javascript">
        $(document).ready(function(e) {
            $("#customerFormSend").on('submit',(function(e){
    
                var ok = '<?php echo $customerFormLang['ok']; ?>';
                var okDesc = '<?php echo $customerFormLang['okDesc']; ?>';
                var warning = '<?php echo $customerFormLang['warning']; ?>';
                var warningDesc = '<?php echo $customerFormLang['warningDesc']; ?>';
                var error = '<?php echo $customerFormLang['error']; ?>';
                var errorDesc = '<?php echo $customerFormLang['errorDesc']; ?>';
    
                $.ajax({
                    url:'../../config/insertProcess.php',
                    type:'POST',
                    data:new FormData(this),
                    contentType:false,
                    cache:false,
                    processData:false,
                    success: function(result) {
    
                        if($.trim(result) == "sameCustomer") {
                            sweetAlert(warning, warningDesc, 'warning');
                        } 
    
                        if($.trim(result) == "error") {
                            sweetAlert(error, errorDesc, 'error');
                        } 
                        if($.trim(result) == "ok") {
                            sweetAlert(ok, okDesc, 'success');
                        } 
    
                    }
    
                });
                return false;
    
            }));
    
        });
    
    </script>
  • 11-05-2022, 22:44:52
    #2
    Merhaba,

    $('#policyshortname').html('refresh',true);

    policyshortname yerine kendi selectbox id sini yazıp ajax dönüş sonrasına kodu ekleyip bu şekilde bi dener misin ?
  • 11-05-2022, 22:47:31
    #3
    AEBilgisayar adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    $('#policyshortname').html('refresh',true);

    policyshortname yerine kendi selectbox id sini yazıp ajax dönüş sonrasına kodu ekleyip bu şekilde bi dener misin ?

    yemedi
  • 11-05-2022, 22:53:55
    #4
    emrezsy adlı üyeden alıntı: mesajı görüntüle
    yemedi
    Hmm, şu geliyor aklıma. Select içindeki dataları ajax ile getirebilirsin, modaldaki ajax response sonrasına tekrar select ajax fonksiyonunu çağırıp datayı o şekilde yenileyebilirsin diye düşünüyorum?
  • 11-05-2022, 23:02:01
    #5
    AEBilgisayar adlı üyeden alıntı: mesajı görüntüle
    Hmm, şu geliyor aklıma. Select içindeki dataları ajax ile getiriyorsan eğer, ajax response sonrasına tekrar select ajax fonksiyonunu çağırıp datayı o şekilde yenileyebilirsin diye düşünüyorum?
    o mantıkla denedim fakat yine olmadı.

    Şu şekilde çözdüm. Arayan arkadaşlara rehber olsun.

    AJAX SUCCES işleminden hemen sonra

    //Formu gönderirken inputa girilen değeri aldım önce
    var customer = document.getElementsByName('customer_company')[0].value;
    $('#SELECT_BOX_ID').append('<option value = '+customer+'>'+customer+'</option>');
    // BURADAKI CUSTOMER HERHANGİ BİR DEĞİŞKEN OLABİLİR.
    // BURADAKİ customer_company BENİM INPUT NAME'e VERDİĞİM AD
  • 11-05-2022, 23:11:37
    #6
    emrezsy adlı üyeden alıntı: mesajı görüntüle
    o mantıkla denedim fakat yine olmadı.

    Şu şekilde çözdüm. Arayan arkadaşlara rehber olsun.

    AJAX SUCCES işleminden hemen sonra

    //Formu gönderirken inputa girilen değeri aldım önce
    var customer = document.getElementsByName('customer_company')[0].value;
    $('#SELECT_BOX_ID').append('<option value = '+customer+'>'+customer+'</option>');
    // BURADAKI CUSTOMER HERHANGİ BİR DEĞİŞKEN OLABİLİR.
    // BURADAKİ customer_company BENİM INPUT NAME'e VERDİĞİM AD
    Elinize sağlık çözüldüğüne sevindim, iyi çalışmalar dilerim hocam