<select> invisible

[eu2200]

Ceea ce vreau sa fac este sa ascund temporar un <select> care primeste date dintr-un tabel, iar in locul lui sa apara un <input type="text"> pentru a putea introduce date noi.
Aceasta din motiv de look pentru a nu introduce inca un text box pe pagina. La sfarsitul introducerii noii optiuni in text box, acel <select> va afisa lista actualizata, dar asta este alta treaba la care ma descurc.
Cam asta ar fii, nu pot ascunde un <select>

10x

[dragon tech]

Nu am prea inteles ce vrei sa faci (daca <select> trebuie sa apara dupa ce faci post la formul cu text box-ul sau la un evenimet tratat de un script java)

Oricum pentru a controla daca un element apare in pagina sau nu poti folosi 2 clase CSS:

Cod: Selectaţi tot


.invisible {
   DISPLAY: none
}
.visible {
   
}


eu am folosit asta pentru un tabel care la anumite evenimete unele randuri apareau altele nu. in html aveam ceva de genul

Cod: Selectaţi tot

<table>
<td id="id1" class="invisible"></td>
<td id="id2" class="visible"></td>
</table>


iar apoi din javascript pot modifica ce clasa are fiecare rand pe baza id-ului

Cod: Selectaţi tot

document.getElementById(id).className='visible';
sau
document.getElementById(id).className='invisible';


[eu2200]

In primul rand mersi mult dragon pentru ca metodele tale merg.
Acum pentru a clarifica subiectul trebuiesc spuse urmatoarele:
Langa acest <select> eu am doua butoane care adauga si respectiv sterg inregistrari. In momentul in care apas adaugare acest <select> dispare iar in locul lui apare un <input type="text"> care imi permite sa adaug noi optiuni. Se face adaugarea iar <select>-ul apare din nou actualizat.