Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

İnput sorunu

<dil> $('#ekle').click( function() { alanekle(); });
$('#sil').click( function() { alansil(); });

function alanekle()
{
$('#inp').last().after('<div id="inp" class="input"><input name="resim[]" id="resim[]" type="file" value="" /></div>');
}

function alansil()
{
$("#inp").last().remove();
}
</dil>
<dil>
<div id="inp" class="input"><input name="resim[]" id="resim[]" type="file" value="" /></div>


<div class="radios clearfix">
<a id="ekle" href="#" >Ekle</a> <a id="sil" href="#" >Sil</a>
</div>
</dil>

Sorum şu şekilde :
Bu kod çalışıyor ama tam olarak istediğimi yapamadım. input ekliyor a tagına tıkladıkça... Sorun inputa dosya ekleyince gerçekleşiyor. Bir input daha ekleyince dosya eklenmiş olan inputun bir altına atmıyor. İlk sıradakiyle veri yerleştirilmiş olan inputun arasına atıyor...

Şekille izah edersem,

Sayısal olarak 1 2 3 4 diyelim inputlara. Normal akışıyla bu şekilde gitmesi gerekiyor veri eklesekte

gördüğüm ise şu : 3 e veri koydum ekle dedim

1 2 4 3 oluyor.

Umarım anlatabilmişimdir.

Cevaplar için teşekkür ederim.
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • fka adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    70 cevap - 0 soru
    $('#inp').last().before('<div class="input"><input name="resim[]" id="resim[]" type="file" value="" /></div>');
    • fka adlı üyenin fotoğrafı fka
        <head>
          <title></title>
          <meta content="">
          <style></style>
          <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        </head>
        <body>
        <div id="inputs">
        <div class="input"><input name="resim[]" id="resim[]" type="file" value="" /></div>
        </div>
      
      
      <div class="radios clearfix">
      <a id="ekle" href="#" >Ekle</a> <a id="sil" href="#" >Sil</a>
      </div> </body>
        <script>
          $('#ekle').click( function() { alanekle(); });
      $('#sil').click( function() { alansil(); });
      
      function alanekle()
      {
      $('#inputs').append('<div class="input"><input name="resim[]" id="resim[]" type="file" value="" /></div>');
      }
      
      function alansil()
      {
      $("#inputs .input:last").remove();
      } 
          </script>
      
      9 yıl önce yazılmış

Cevaplar

  • Hasan adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    63 cevap - 0 soru
    after yerine append kullanırsan sorun yok. Seçiciyide kullanırken #inp:last olarak kullanmanda fayda var.

    Remove fonksiyonunda ise div id'lerin aynı olduğu için appen'dan sonra hepsini siliyor. Onuda div#inp:last-child olarak son elemanı silebilirsin.

    Kodunu ben kendimde denerken şöyle değiştirdim.

    <script>
    $(document).ready(function() {
    $("#ekle").click( function(){
    alanekle();
    });
    $('#sil').click( function(){
    alansil();
    });
    });

    function alanekle(){
    $('#inp:last').append('<div id="inp" class="input"><input name="resim[]" id="resim[]" type="file" value="" /></div>');
    }

    function alansil(){
    $("#inp:last-child").remove();
    } </script>



    
    <div id="inp" class="input">
    	<input name="resim[]" id="resim[]" type="file" value="" />
    </div>
    
    
    <div class="radios clearfix">
    	<a id="ekle" href="#" >Ekle</a>
    	<a id="sil" href="#" >Sil</a>
    </div>