Avatar billede unsafe Nybegynder
25. september 2005 - 17:31 Der er 13 kommentarer og
1 løsning

Skjul / Vis af Input

Hej med jer !

Jeg har et felt der hedder til_salg der indeholde en option på yes og no, hvis man vælger yes skal der komme er input felt neden under hvor man kan skrive en pris.

Hvordan for er det input til at vises når man vælger yes ?
Avatar billede bimbo111 Nybegynder
25. september 2005 - 17:43 #1
hmm...
Ok... først skal du give dit inputfelt med pris et ID.
Det gøres sådan her. Du gør også sådan at input pris er skjult. Det gøres med hidden.
<input type="text" ID="pris" hidden="yes">
nu er inputs ID pris
så laver du et script i din checkbox der hedder noget med onClick"pris.style.visibility = 'visible'"
og så den er i top
Avatar billede skovenborg Nybegynder
25. september 2005 - 18:06 #2
Der findes ingen html-attribut der hedder hidden. Måske mente du:
<input type="hidden"> istedet.

Angående spørgsmålet så kan du gøre således:
<form>
<input type="text" name="pris" style="display:none">
YES:
<input type="radio" name="yesno" onclick="this.form.pris.style.display ='inline';">
NO:
<input type="radio" name="yesno" onclick="this.form.pris.style.display = 'none';">
</form>

Noget i den stil i hvert fald.
Avatar billede unsafe Nybegynder
25. september 2005 - 19:37 #3
<form>

<select name="til_salg">
<option value="no" onclick="this.form.pris.style.display = 'none';">Nej</option>
<option value="yes" onclick="this.form.pris.style.display ='inline';">Ja</option>
</select>

<input type="text" name="pris" style="display:none">

</form>

Den virkede godt med checkbox'es men ikke med select :-O?
Avatar billede skovenborg Nybegynder
25. september 2005 - 20:16 #4
nåå, du bruger en selectbox. Så er det en anden sag:
<select name="til_salg" onchange="if (this.selectedIndex > 0) this.form.pris.style.display = (this.value == 'yes') ? 'inline' : 'none';">

og så fjern de to onclick-events
Avatar billede unsafe Nybegynder
25. september 2005 - 20:21 #5
Hehe tak, men den går ikke væk igen hvis man vælger Nej :-P
Avatar billede roenving Novice
25. september 2005 - 22:51 #6
-- hvis du ikke har en død option, som Ulriks implementering forudsætter, men så kan du:

<form>

<select name="til_salg" onchange="this.form.pris.style.display = (this.value == 'yes') ? 'inline' : 'none';">
<option value="no">Nej</option>
<option value="yes">Ja</option>
</select>

<input type="text" name="pris" style="display:none">

</form>
Avatar billede skovenborg Nybegynder
25. september 2005 - 23:10 #7
tænkte nok jeg havde glemt noget :-S
Avatar billede unsafe Nybegynder
25. september 2005 - 23:11 #8
Mange tak Roenving, smid et svar :)
Avatar billede roenving Novice
25. september 2005 - 23:16 #9
Nej tak, det er jo skovenborgs svar !-)
Avatar billede skovenborg Nybegynder
25. september 2005 - 23:21 #10
skal vi så ikke dele, for jeg mener det var dit ;-)
Avatar billede roenving Novice
25. september 2005 - 23:32 #11
Nej tak, ellers tak !o]
Avatar billede unsafe Nybegynder
26. september 2005 - 00:12 #12
Hehe, også tak til dig skovenborg :-)
Avatar billede unsafe Nybegynder
26. september 2005 - 00:41 #13
Eller ih æv nej, den gider ikke vise / skjule når der er sat op sådan her:

<form name="submit" method="post" action="<?=$PHP_SELF?>" enctype="multipart/form-data" onsubmit="return check_form();">

<table cellspacing="0" cellpadding="0" style="width: 100%;">
<tr>
<td style="width: 20%;">
<b>Overskrift:</b>
</td>
<td style="width: 80%;">
<input type="text" name="overskrift" size="40" maxlength="50" />
</td>
</tr>

<tr>
<td style="width: 20%;">
<b>Mærke:</b>
</td>
<td style="width: 80%;">
<input type="text" name="maerke" size="40" maxlength="50" />
</td>
</tr>

<tr>
<td style="width: 20%;">
<b>Til salg</b>
</td>
<td style="width: 80%;">
<select name="til_salg" onchange="this.form.pris.style.display = (this.value == 'yes') ? 'inline' : 'none';">
<option value="no">Nej</option>
<option value="yes">Ja</option>
</select>

<input type="text" name="pris" size="5" value="Pris" style="display:none">
</td>
</tr>

<tr>
<td style="width: 20%;">
<b>Billede:</b>
</td>
<td style="width: 80%;">
<input type="file" name="picture" size="30" />
</td>
</tr>
</table>

<input type="submit" name="submit" value="Opret ting">

</form>
Avatar billede unsafe Nybegynder
26. september 2005 - 00:46 #14
Hehe nevermind :-D Det virker nu :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester