Archivlink: javarea.de Forum > JavaScript > sichtbar / unsichtbar
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > sichtbar / unsichtbar
Pages: [1]
| geschrieben von Herbert1204 am 18.11.2009 - 18:07 |
Hallo, ich bin schon wieder am Verzweifeln.
Ich habe hier ein Skript (siehe unten). In diesem Skript werden drei Dropdowns sichtbar oder unsichtbar gemacht. Soweit so gut. Mein Problem dabei ist, wenn ich die Seite neu aufrufe, sind die Dropdowns immer sichtbar. Sie sollen aber beim Aufrufen der Seite immer unsichtbar sein und erst beim Auswählen des Radiobuttons sichtbar werden. Könnt Ihr mir helfen?
<script language="javascript">
function versteckenfeld ()
{
document.getElementById("feld1").style.visibility="hidden";
document.getElementById("feld2").style.visibility="hidden";
document.getElementById("feld3").style.visibility="hidden";
}
function anzeigefeld ()
{
document.getElementById("feld1").style.visibility="visible";
document.getElementById("feld2").style.visibility="visible";
document.getElementById("feld3").style.visibility="visible";
}
</script>
<input type="radio" name="Zahlmethode" value="aus" onclick='versteckenfeld ();'> aus<br>
<input type="radio" name="Zahlmethode" value="an" onclick='anzeigefeld ();'> an<br>
<select id="feld1" name="1tag" size="1">
<option></option>
<option value="1">1.</option>
<option value="2">2.</option>
<option value="3">3.</option>
<option value="4">4.</option>
<option value="5">5.</option>
<option value="6">6.</option>
<option value="7">7.</option>
<option value="8">8.</option>
<option value="9">9.</option>
<option value="10">10.</option>
<option value="11">11.</option>
<option value="12">12.</option>
<option value="13">13.</option>
<option value="14">14.</option>
<option value="15">15.</option>
<option value="16">16.</option>
<option value="17">17.</option>
<option value="18">18.</option>
<option value="19">19.</option>
<option value="20">20.</option>
<option value="21">21.</option>
<option value="22">22.</option>
<option value="23">23.</option>
<option value="24">24.</option>
<option value="25">25.</option>
<option value="26">26.</option>
<option value="27">27.</option>
<option value="28">28.</option>
<option value="29">29.</option>
<option value="30">30.</option>
<option value="31">31.</option>
</select>
<select id="feld2" name="1monat" size="1">
<option></option>
<option value="Januar">Januar</option>
<option value="Februar">Februar</option>
<option value="März">März</option>
<option value="April">April</option>
<option value="Mai">Mai</option>
<option value="Juni">Juni</option>
<option value="Juli">Juli</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="Oktober">Oktober</option>
<option value="November">November</option>
<option value="Dezember">Dezember</option>
</select>
<select id="feld3" name="jahr" size="1">
<option></option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
</select>
|
| geschrieben von Micha am 18.11.2009 - 18:11 |
Hallo,
verstecke sie doch einfach mit CSS - Dein Stichwort lautet visibility.
Gruß Micha |
| geschrieben von Herbert1204 am 18.11.2009 - 20:03 |
Hallo Micha
Vielen Dank für Deine schnelle Antwort.
Leider versteh ich Deine Antwort nicht. |
| geschrieben von Danny am 19.11.2009 - 10:04 |
Hallo,
Micha meint dass du ein HTML Element mit CSS verstecken kannst. Was anderes macht dein Javascript auch nicht.
Wenn du ein Select nach dem Seitenladen verstecken willst musst du diesem die CSS Eigentschaft geben. So in der Art.
<select id="feld2" name="1monat" size="1" style="visibility: hidden">
Gruß Danny |
|