Javascript Çoklu Form Sorunu

14/May/20 18:29

Kısayol

Şikayet

Özel Mesaj

arkinfes

Kayıt Tarihi: 07/Haziran/2007

herkese selam bir sorun yaşıyorum ilk öncelikle kodları vereyim =

  <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <th>Stok Kodu</th>
                      <th>Stok Cinsi</th>
                      <th>Adet</th>
                      <th>Gram</th>
                      <th>Fiyat</th>
                      <th>Tutar</th>
                      <th>KDV</th>
                      <th><i class="fas fa-cog"></i></th>
                    </tr>
                  </thead>
                  <tbody id="form_listele">
                    <tr id="form_listesi">
                      <td><input class="form-control" size="5" name="stok_kodu[]" id="stok_kodu[]" /> </td>
                      <td><input class="form-control" size="10" name="stok_cinsi[]" id="stok_cinsi[]" /></td>
                      <td><input class="form-control" size="5" name="adet[]" id="adet[]" /></td>
                      <td><input class="form-control" size="5" name="gram[]" id="gram[]" /></td>
                      <td><input class="form-control" size="5" name="fiyat[]" id="fiyat[]" /></td>
                      <td><input class="form-control" size="5" name="tutar[]" id="tutar[]" /></td>
                      <td><input class="form-control" size="5" name="kdv[]" id="kdv[]" /></td>
                      <td><a onclick="form_ekle()" class="btn btn-success text-white"><i class="fas fa-plus"></i> Çoğalt</a></td>
                    </tr>
                  
                  </tbody>
                </table>
              </div>

              <div id="form_ekleme" style="display: none;">
                    <tr>
                      <td><input class="form-control" size="5" name="stok_kodu[]" id="stok_kodu[]" /> </td>
                      <td><input class="form-control" size="10" name="stok_cinsi[]" id="stok_cinsi[]" /></td>
                      <td><input class="form-control" size="5" name="adet[]" id="adet[]" /></td>
                      <td><input class="form-control" size="5" name="gram[]" id="gram[]" /></td>
                      <td><input class="form-control" size="5" name="fiyat[]" id="fiyat[]" /></td>
                      <td><input class="form-control" size="5" name="tutar[]" id="tutar[]" /></td>
                      <td><input class="form-control" size="5" name="kdv[]" id="kdv[]" /></td>
                      <td><a class="btn btn-success text-white"><i class="fas fa-plus"></i> Çoğalt</a></td>
                    </tr>
                   </div>

Form kısmım burada ekstra form elemanı eklemak için şöyle bir yol izliyorum

function form_ekle(){
    var eklenecek = $("#form_ekleme").html();
    $("body").find("#form_listesi:last").after(eklenecek);
}

Ancak sorunum tabloyu almıyor sadece input elemanlarını sona ekliyor. Sorunu anlayamadım yardımcı olursanız çok sevinirim

Edit =daha net olsun diye ayrıntı

arkinfes tarafından 14/May/20 18:35 tarihinde düzenlenmiştir

Do majör soylu ve açık sözlü , Do minör patetik , Re majör parlak , Re minör melankolik , Mi bemol majör soylu ve patetik , aydinlik ama soylu ve karamsar tonmu lazim ozaman; mi majör , Mi minör doğanin ilk minör tonu olmasina karsin biraz melankoliktir , Fa majör karışıktır , Fa minör hepsinden patetiktir , Fa Diyez majör iste güçtür çünkü degiştirgeçlerle asiri yuklenmistir , Si majör parlak ve oyun bozannn :))

Alıntı yap

14/May/20 19:08

Kısayol

Şikayet

Özel Mesaj

MhmdAlmz

Kayıt Tarihi: 09/Ağustos/2015

Hocam JavascriptDomElement olrak ekle daha mantıklı.

Neden div içinde TR var ?

Ek olarak display none dediğin şey sürekli 0. length'i es geçmek olur bunun yerine JSDom kullan. İlerde ağlarsın. Uyarmadı deme.

Onun dışında problemi JSFidddle atarsan 10 dk da yardımcı oluruz hocam. Malum problemin çözümünü anlatmak zor:)

Andolsun kuşluk vaktine ve dindiği zaman o geceye ki, Rabbin sana veda etmedi ve darılmadı! Ve kesinlikle senin için sonu önünden (ahiret dünyadan) daha hayırlıdır. ileride Rabbin sana verecek de hoşnut olacaksın! O, seni bir yetim iken barındırmadı mı? Seni, yol bilmez iken (doğru) yola koymadı mı? Seni bir yoksul iken zengin etmedi mi? Öyle ise, sakın yetime kahretme (onu horlama)! El açıp isteyeni de azarlama! Fakat Rabbinin nimetini anlat da anlat!

Alıntı yap

14/May/20 19:55

Kısayol

Şikayet

Özel Mesaj

arkinfes

Kayıt Tarihi: 07/Haziran/2007

MhmdAlmz bunu yazdı

Hocam JavascriptDomElement olrak ekle daha mantıklı.

Neden div içinde TR var ?

Ek olarak display none dediğin şey sürekli 0. length'i es geçmek olur bunun yerine JSDom kullan. İlerde ağlarsın. Uyarmadı deme.

Onun dışında problemi JSFidddle atarsan 10 dk da yardımcı oluruz hocam. Malum problemin çözümünü anlatmak zor:)



hocam ilk öncelikle cevabın için teşekkür ederim. buradaki div'i soruyorsan javascript .html() fonksiyonu ile 
içindeki htmlleri alıp diğer formun altına eklemek

  <div id="form_ekleme" style="display: none;">
                    <tr>
                      <td><input class="form-control" size="5" name="stok_kodu[]" id="stok_kodu[]" /> </td>
                      <td><input class="form-control" size="10" name="stok_cinsi[]" id="stok_cinsi[]" /></td>
                      <td><input class="form-control" size="5" name="adet[]" id="adet[]" /></td>
                      <td><input class="form-control" size="5" name="gram[]" id="gram[]" /></td>
                      <td><input class="form-control" size="5" name="fiyat[]" id="fiyat[]" /></td>
                      <td><input class="form-control" size="5" name="tutar[]" id="tutar[]" /></td>
                      <td><input class="form-control" size="5" name="kdv[]" id="kdv[]" /></td>
                      <td><a class="btn btn-success text-white"><i class="fas fa-plus"></i> Çoğalt</a></td>
                    </tr>
                   </div>

arkinfes tarafından 14/May/20 19:56 tarihinde düzenlenmiştir

Do majör soylu ve açık sözlü , Do minör patetik , Re majör parlak , Re minör melankolik , Mi bemol majör soylu ve patetik , aydinlik ama soylu ve karamsar tonmu lazim ozaman; mi majör , Mi minör doğanin ilk minör tonu olmasina karsin biraz melankoliktir , Fa majör karışıktır , Fa minör hepsinden patetiktir , Fa Diyez majör iste güçtür çünkü degiştirgeçlerle asiri yuklenmistir , Si majör parlak ve oyun bozannn :))

Alıntı yap

14/May/20 20:07

Kısayol

Şikayet

Özel Mesaj

wert

Kayıt Tarihi: 19/Eylül/2005

böyle bir bakabilirmisin

html:

<div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <th>Stok Kodu</th>
                      <th>Stok Cinsi</th>
                      <th>Adet</th>
                      <th>Gram</th>
                      <th>Fiyat</th>
                      <th>Tutar</th>
                      <th>KDV</th>
                      <th><i class="fas fa-cog"></i></th>
                    </tr>
                  </thead>
                  <tbody id="form_listele">
                    <tr id="form_listesi">
                      <td><input class="form-control" size="5" name="stok_kodu[]" id="stok_kodu[]" /> </td>
                      <td><input class="form-control" size="10" name="stok_cinsi[]" id="stok_cinsi[]" /></td>
                      <td><input class="form-control" size="5" name="adet[]" id="adet[]" /></td>
                      <td><input class="form-control" size="5" name="gram[]" id="gram[]" /></td>
                      <td><input class="form-control" size="5" name="fiyat[]" id="fiyat[]" /></td>
                      <td><input class="form-control" size="5" name="tutar[]" id="tutar[]" /></td>
                      <td><input class="form-control" size="5" name="kdv[]" id="kdv[]" /></td>
                      <td><a onclick="form_ekle()" class="btn btn-success text-white"><i class="fas fa-plus"></i> Çoğalt</a></td>
                    </tr>
                  
                  </tbody>
                </table>
              </div>

              <table style="display: none;">
              <tbody  id="form_ekleme" >
                    <tr>
                      <td><input class="form-control" size="5" name="stok_kodu[]" id="stok_kodu[]" /> </td>
                      <td><input class="form-control" size="10" name="stok_cinsi[]" id="stok_cinsi[]" /></td>
                      <td><input class="form-control" size="5" name="adet[]" id="adet[]" /></td>
                      <td><input class="form-control" size="5" name="gram[]" id="gram[]" /></td>
                      <td><input class="form-control" size="5" name="fiyat[]" id="fiyat[]" /></td>
                      <td><input class="form-control" size="5" name="tutar[]" id="tutar[]" /></td>
                      <td><input class="form-control" size="5" name="kdv[]" id="kdv[]" /></td>
                      <td><a class="btn btn-success text-white"><i class="fas fa-plus"></i> Çoğalt</a></td>
                    </tr>
                    </tbody>
                </table>

js:

function form_ekle(){
    var eklenecek = $("#form_ekleme").html();
    $("#form_listele").append(eklenecek);
}

wert tarafından 14/May/20 20:17 tarihinde düzenlenmiştir

|sadece aptalların başarısı ders notu ile ölçülür|

Alıntı yap

14/May/20 20:22

Kısayol

Şikayet

Özel Mesaj

arkinfes

Kayıt Tarihi: 07/Haziran/2007

wert bunu yazdı

böyle bir bakabilirmisin

html:

Stok Kodu	Stok Cinsi	Adet	Gram	Fiyat	Tutar	KDV
< id="stok_kodu" class="-control" name="stok_kodu" size="5" ="text" />	< id="stok_cinsi" class="-control" name="stok_cinsi" size="10" ="text" />	< id="adet" class="-control" name="adet" size="5" ="text" />	< id="gram" class="-control" name="gram" size="5" ="text" />	< id="fiyat" class="-control" name="fiyat" size="5" ="text" />	< id="tutar" class="-control" name="tutar" size="5" ="text" />	< id="kdv" class="-control" name="kdv" size="5" ="text" />	Çoğalt

js:

function form_ekle(){
    var eklenecek = $("#form_ekleme").html();
    $("#form_listele").append(eklenecek);
}

allahımı kitabımı oldu :D allah razı olsun hocam

Do majör soylu ve açık sözlü , Do minör patetik , Re majör parlak , Re minör melankolik , Mi bemol majör soylu ve patetik , aydinlik ama soylu ve karamsar tonmu lazim ozaman; mi majör , Mi minör doğanin ilk minör tonu olmasina karsin biraz melankoliktir , Fa majör karışıktır , Fa minör hepsinden patetiktir , Fa Diyez majör iste güçtür çünkü degiştirgeçlerle asiri yuklenmistir , Si majör parlak ve oyun bozannn :))

Alıntı yap

15/May/20 13:42

Kısayol

Şikayet

Özel Mesaj

wert

Kayıt Tarihi: 19/Eylül/2005

rica ederim

işini görmesine sevindim :D

|sadece aptalların başarısı ders notu ile ölçülür|

Alıntı yap

15/May/20 15:35