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

Doğru Cevap

13 yıl önce yazılmış

fka

70 cevap - 0 soru

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

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>

13 yıl önce yazılmış

Cevaplar

13 yıl önce yazılmış

Hasan

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

evr

İnput sorunu

Doğru Cevap

Cevaplar