$(document).ready(function() { z = 0; var url="ajax.php"; $("#klik").click(function(){ var myDiv = document.getElementById("myDiv"); u = z++; //Create and append select list var selectList = document.createElement("select"); selectList.setAttribute("id", 'mySelect_{'+(u)+'}'); selectList.setAttribute('name', 'firma['+(u)+'][id]'); myDiv.appendChild(selectList); //Create and append the options $.getJSON(url,function(data){ $.each(data.firmy, function(i,firmy){ var option = document.createElement("option"); option.setAttribute("value", firmy.id); option.text = ""+firmy.nazwa+" / "+firmy.limit3+" / "+firmy.limit2+" / "+firmy.link+""; selectList.appendChild(option); }); }); var br3 = document.createElement("p"); br3.setAttribute("id", 'br3_{'+(u)+'}'); br3.innerHTML = ""; myDiv.appendChild(br3); var input = document.createElement('input'); input.setAttribute('id', 'input1_{'+(u)+'}'); input.setAttribute('name', 'firma['+(u)+'][opcja1]'); var tekst1 = document.createElement("p"); tekst1.setAttribute("id", 'tekst1_{'+(u)+'}'); tekst1.innerHTML = "Koszt: "; myDiv.appendChild(tekst1); myDiv.appendChild(input); var br2 = document.createElement("p"); br2.setAttribute("id", 'br2_{'+(u)+'}'); br2.innerHTML = ""; myDiv.appendChild(br2); var input2 = document.createElement('input'); input2.setAttribute('id', 'input2_{'+(u)+'}'); input2.setAttribute('name', 'firma['+(u)+'][opcja2]'); var tekst2 = document.createElement("p"); tekst2.setAttribute("id", 'tekst2_{'+(u)+'}'); tekst2.innerHTML = "Odsetki: "; myDiv.appendChild(tekst2); myDiv.appendChild(input2); var br1 = document.createElement("p"); br1.setAttribute("id", 'br1_{'+(u)+'}'); br1.innerHTML = ""; myDiv.appendChild(br1); var input3 = document.createElement('input'); input3.setAttribute('id', 'input3_{'+(u)+'}'); input3.setAttribute('name', 'firma['+(u)+'][link]'); input3.setAttribute("value", ''); var tekst3 = document.createElement("div"); tekst3.setAttribute("id", 'tekst3'+(u)+''); tekst3.innerHTML = "Link: "; myDiv.appendChild(tekst3); myDiv.appendChild(input3); var br4 = document.createElement("p"); br4.setAttribute("id", 'br4_{'+(u)+'}'); br4.innerHTML = ""; myDiv.appendChild(br4); var input4 = document.createElement('input'); input4.setAttribute('id', 'input4_{'+(u)+'}'); input4.setAttribute('name', 'firma['+(u)+'][bonus]'); input4.setAttribute("value", '0'); var tekst4 = document.createElement("div"); tekst4.setAttribute("id", 'tekst4'+(u)+''); tekst4.innerHTML = "Bonus: (zł)"; myDiv.appendChild(tekst4); myDiv.appendChild(input4); var br4 = document.createElement("p"); br4.setAttribute("id", 'br4_{'+(u)+'}'); br4.innerHTML = "<br />"; myDiv.appendChild(br4); }); });
Dodatkowo html
<input type="button" value="Dodaj" id="klik">
Dodatkowo PHP, a w nim jest jedynie pętla która pobiera mi zawartość z MySQL..
I teraz po prostu chciałbym jakimś sposobem usunąć stworzoną pozycję, nie ingerując w inne pozycję..
Nie umiem zbytnio ogarnąć jak, zrobić aby po wciśnięciu guzika usuwała się dana pozycja..
Może mi pomożecie ?
Pozdrawiam i z góry bardzo dziękuje za pomoc
