A probléma összetett, de talán ide illik a legjobban. Adott egy űrlap. Erre az űrlapra kilistázunk pár telefonszámot. Új telefonszámokat, új input mező hozzáadásával lehet felvenni. A felhasználó bármennyi új (input) mezőt felvehet.
Azt szeretném megoldani, hogy minden egyes telefonszámot, egyesével (tehát 1 input mező - 1 telefonszám), AJAX segítségével lehessen elmenteni az adatbázisba. Tehát hozzáad az ügyfél egy mezőt, beírja a telefonszámot, majd elmenti.
Egyedi id-vel és névvel ellátott mezőt generálni sikerül. Ezekhez a mezőkhöz egyetlen fv. kapcsolódna amely elmentené (egyesével) az értékeket.
Új input mező felvétele:
ct = 0; //számláló
function addInputTel() {
document.getElementById('tel').innerHTML += '<input type="text" id=""tel'+ ct +'" name="tel'+ ct +'" value="" /><img onclick="uploadTel("tel'+ ct +'")" src="images/arrow_up.png" alt="Feltöltés" /><br />';
ct++;
}
Tehát, minden új input mező, új id-t és nevet kap a számláló (ct) segítségével.
Az id segítségével ( ("tel'+ ct +'") => InputId ) hivatkoznék jQuery-vel az inputra:
function uploadTel(InputId) {
var $tel = $('input[name="InputId"]').val(); //megkeresi az id alapján az inputot és eltárolja az értékét (?)
//adatok mentése
}
Ez a fv. lenne hivatott arra, hogy feltöltse a mező értékét, amelynek értékére az id alapján próbálok hivatkozni.
Akárhogy próbálkozok, nem tudom úgy beszúrni az InputId-t (ami a feltöltendő input mező id-je), hogy visszaadja az értékét.
Talán szintaktikai hibát vétek, vagy van valami jobb fv. erre? Ha van valami egyszerűbb megvalósítási ötlet azt is szívesen fogadom, 