Pridanie inputu na 2x zo selectom – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 Ahojte,

mam otázku ako mam spraviť vo formulári, pridanie inputu ale podla selectu... Viem, že podla if, ale neviem na to dojsť ako....

priklád: select ma hodnotu 4 tak to by bolo input s textom Vydaj

a podla selectu s hodnotou 2 input s textom prijem.

<script>
var prvniPolozka = document.getElementById('sablona');
var sablona = prvniPolozka.cloneNode(true);

function pridatPole() {
    var kopie = sablona.cloneNode(true);
    document.getElementById('polozky').appendChild(kopie);
    kopie.getElementsByTagName("input")[0].focus();
}

function odebrat(el) {
    var polozka = el.parentNode;
    polozka.parentNode.removeChild(polozka);
}
</script>

Co treba si tam dat vsechna policka a jen zmenit className na display:block? Vsechny schovas a pak zobrazis jen ta, ktera odpovidani nastaveni.
 

<div id=pol0><input><input></div>
<div id=pol1><input><input></div>
<div id=pol2><input><input></div>
<script>
// skryj
for(i=0;i<3;i++)
{
div = document.getElementById('pol'+i); // <div id='pol0'> pol1 pol2
div.className = 'skryj';
}
// zobraz
sel = document.getElementById("sel"); // <select id='sel'>
i = sel.options[s.selectedIndex].value * 1;
div = document.getElementById('pol'+i);
div.className = 'zobraz';
</script>

Na pridat odebrat bych se vybodl, pac pro upravy pak musis sahat do js kodu. Kdezto u skryvani proste staci nastavit misto 3 pocet vsech value v selectu a kdyz pak pridas option a divy, tak js zustane stejny.