[AJAX][JavaScript] Skrypt dodawania inputów Opcje

[nikestylex7]

Witam napisałem skrypt który dodaje po kliknięciu inputy. Do każdego inputa jest kolejny button obok, który odsłania dodatkowe opcje do wypełnienia lecz one się nie pojawiają. Problem jest w kodzie który ma się właśnie pojawiać bo gdy go zastąpię obojętnie czym np : "dupa" to już działa i się pojawia , więc nie wiem co jest nie tak może opcje zwiększania nazwy o +1. Mam też pytanie jak zrobić żeby ilość inputów była maksymalnie równa 10. a jak ktoś dalej będzie chciał powiększyć to pokaże się napis nie można dodać kolejnego inputa.

[PHP] pobierz, plaintext 
<script>$(document).ready(function(){$('input[name="dodaj"]').click(function(){$('#inputy').append("<div class='kombi-row'><div class='kombi-line'><input type='text' name='imie" + ($('input[type= \"text\"]').size() + 1) + "'/></div><div class='kombi-line'> X </div><div class='kombi-line'><input type='text' name='imie" + ($('input[type= \"text\"]').size() + 1) + "'/></div><div class='kombi-line'> <input type='button' name='odkryj' onClick=showHide('jakisid" + ($('input[type= \"text\"]').size() + 1) + "','but" + ($('input[type= \"text\"]').size() + 1) + "') id='but" + ($('input[type= \"text\"]').size() + 1) + "' value='+'/></div><div style='display:none;' id='jakisid" + ($('input[type= \"text\"]').size() + 1) + "'><div>
<span class='label'>Dodatkowe dane:</span>
</div>
<div id='inputy'> 
<div class='kombi-row'>
<div>
<span class='label'>Pozycja w lidze:</span>
</div>
<div class='kombi-line'><input type='text' name='mecz2" + ($('input[type= \"text\"]').size() + 1) + "' title='min. 3 znaki max. 16'/></div>
<div class='kombi-line'>X</div>
<div class='kombi-line'><input type='text' name='mecz22" + ($('input[type= \"text\"]').size() + 1) + "' title='min. 3 znaki max. 16'/></div>
</div>
 
<div class='kombi-row'>
<div>
<span class='label'>Forma:</span>
</div>
<div class='kombi-line'><input type='text' name='mecz3" + ($('input[type= \"text\"]').size() + 1) + "' title='min. 3 znaki max. 16'/></div>
<div class='kombi-line'>X</div>
<div class='kombi-line'><input type='text' name='mecz33" + ($('input[type= \"text\"]').size() + 1) + "' title='min. 3 znaki max. 16'/></div>
</div>
<div class='kombi-row'>
<div>
<span class='label'>Ostatnie 5 spotkań:</span>
</div>
<div class='kombi-line'><input type='radio' name='mecz4" + ($('input[type= \"radio\"]').size() + 1) + "' value='1' checked='checked' />Zwycięstwo<input type='radio' name='mecz4" + ($('input[type= \"radio\"]').size() + 1) + "' value='2' checked='checked' />Remis<input type='radio' name='mecz4" + ($('input[type= \"radio\"]').size() + 1) + "' value='3' checked='checked' />Porażka</div><br />
<div class='kombi-line'><input type='radio' name='mecz5" + ($('input[type= \"radio\"]').size() + 1) + "' value='1' checked='checked' />Zwycięstwo<input type='radio' name='mecz5" + ($('input[type= \"radio\"]').size() + 1) + "' value='2' checked='checked' />Remis<input type='radio' name='mecz5" + ($('input[type= \"radio\"]').size() + 1) + "' value='3' checked='checked' />Porażka</div><br />
<div class='kombi-line'><input type='radio' name='mecz6" + ($('input[type= \"radio\"]').size() + 1) + "' value='1' checked='checked' />Zwycięstwo<input type='radio' name='mecz6" + ($('input[type= \"radio\"]').size() + 1) + "' value='2' checked='checked' />Remis<input type='radio' name='mecz6" + ($('input[type= \"radio\"]').size() + 1) + "' value='3' checked='checked' />Porażka</div><br />
<div class='kombi-line'><input type='radio' name='mecz7" + ($('input[type= \"radio\"]').size() + 1) + "' value='1' checked='checked' />Zwycięstwo<input type='radio' name='mecz7" + ($('input[type= \"radio\"]').size() + 1) + "' value='2' checked='checked' />Remis<input type='radio' name='mecz7" + ($('input[type= \"radio\"]').size() + 1) + "' value='3' checked='checked' />Porażka</div><br />
<div class='kombi-line'><input type='radio' name='mecz8" + ($('input[type= \"radio\"]').size() + 1) + "' value='1' checked='checked' />Zwycięstwo<input type='radio' name='mecz8" + ($('input[type= \"radio\"]').size() + 1) + "' value='2' checked='checked' />Remis<input type='radio' name='mecz8" + ($('input[type= \"radio\"]').size() + 1) + "' value='3' checked='checked' />Porażka</div><br />
</div>
</div></div></div>"); }); }); </script >
[PHP] pobierz, plaintext 

Ten post edytował nikestylex7 18.10.2012, 11:01:51

[nikestylex7]

hmmm czyli całkowicie to zmienić i zastąpić czymś w podobie tego

[PHP] pobierz, plaintext 
$(INPUT).clone().val('').appendTo(CONTAINER);
[PHP] pobierz, plaintext 

po kliknięciu ma dodać inputa i tyle. a jak zrobić żeby odkrywało po kliknięciu inputy z display none ale nie że wszystkie naraz tylko pojedyńczo ?


Ten post edytował nikestylex7 18.10.2012, 11:50:26

[b4rt3kk]

hmmm czyli całkowicie to zmienić i zastąpić czymś w podobie tego

[PHP] pobierz, plaintext 
$(INPUT).clone().val('').appendTo(CONTAINER);
[PHP] pobierz, plaintext 

po kliknięciu ma dodać inputa i tyle. a jak zrobić żeby odkrywało po kliknięciu inputy z display none ale nie że wszystkie naraz tylko pojedyńczo ?

Tak najlepiej, po co sobie życie utrudniać. Nadaj inputom kolejne id i albo sprawdzaj które są widoczne, pobieraj id i odsłaniaj ten o kolejnym id, albo nadaj id przyciskom, które mają je odsłaniać jak i inputom i odsłaniaj ten dla którego przycisk został kliknięty. Też musisz pobrać id i sprawdzić kolejne.