Pomoc s javascriptom

Pades · Napísal **Pades**: 02.05.2012 10:05

Ahojte využívam tento skript kde pridávam obrázky, keď kliknem na Pridať ďalší obrázok vyskočí mi nový input, to všetko funguje správne ale ako mám spraviť aby bol vedla toho aj <select> a ked kliknem na pridat dalsi obrazok tak mi prida aj dalsi <select>

Kód:

<script type="text/javascript">
function add_file_field(){
var container=document.getElementById('file_container');
var file_field=document.createElement('input');
file_field.name='images[]';
file_field.type='file';
container.appendChild(file_field);
var br_field=document.createElement('br');
container.appendChild(br_field);
}
</script>


<tr>
                       
 <td>Obrázky</td>
                         
 <td><div id="file_container"><input name="images[]" type="file" title="Vybrať súbor" ><br></div><br><a href="javascript:void(0);" style="text-decoration:underline;" onClick="add_file_field();">Pridať ďalší obrázok</a></td>
                       
 </tr>

GoodWill · Napísal **GoodWill**: 02.05.2012 10:41

Skus sa zamysliet, co asi robia jednotlive riadky tvojej funkcie...

function add_file_field(){
var container=document.getElementById('file_container'); // 1) Na stranke vyhlada rodicovsky element do ktoreho bude pridavat input
var file_field=document.createElement('input'); // 2) Vytvori objekt "input" do premennej
file_field.name='images[]'; // 3) Nastavuje vlastnosti pre input
file_field.type='file'; // 4) Nastavuje vlastnosti pre input
container.appendChild(file_field); // 5) Do rodica z bodu 1 prida vytvoreny input
var br_field=document.createElement('br'); // 6) Vytvori objekt newline (tag BR)
container.appendChild(br_field); // 7) newline prida do rodica z bodu 1
}

Som si isty ze tuto funkciu dokazes rozsirit tak aby pridavala aj SELECT... ak nie, tak sa na to fakt vykasli.

Pomoc s javascriptom

Podobné témy