Når select ændres kommer input frem

<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr><td width="100"><b>Fraværende:</td><td>

<select name="fravaer" onchange="document.getElementByID("id1").style.display='inline';">
<option>Ikke fraværende</option>
<option>Afspadsering</option>
<option>Ferie</option>
<option>Sygdom</option>
<option>Andet</option>
</select>
</td></tr>


<tr id="id1" style="display: none;"><td width="100"><b>Afspadsering:</td><td>

<input type="text" name="afspadsering" size="2" maxlength="2" value="0" style="text-align: right;"> timer

</td></tr>

</table> <table width="400" border="0" cellspacing="0" cellpadding="0">
<tr><td width="100"><b>Fraværende:</td><td>

<select name="fravaer" onchange="document.getElementByID("id1").style.display='inline';">
<option>Ikke fraværende</option>
<option>Afspadsering</option>
<option>Ferie</option>
<option>Sygdom</option>
<option>Andet</option>
</select>
</td></tr>


<tr id="id1" style="display: none;"><td width="100"><b>Afspadsering:</td><td>

<input type="text" name="afspadsering" size="2" maxlength="2" value="0" style="text-align: right;"> timer

</td></tr>

</table>

//>Rune

Hov, sådan her:

<script>
function show() {
  document.getElementById("id1").style.display='inline';
}
</script>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr><td width="100"><b>Fraværende:</td><td>

<select name="fravaer" onchange="show();">
<option>Ikke fraværende</option>
<option>Afspadsering</option>
<option>Ferie</option>
<option>Sygdom</option>
<option>Andet</option>
</select>
</td></tr>


<tr id="id1" style="display: none;"><td width="100"><b>Afspadsering:</td><td>

<input type="text" name="afspadsering" size="2" maxlength="2" value="0" style="text-align: right;"> timer

</td></tr>

</table>

//>Rune

Næsten rigtigt..... men det er KUN når man vælger afspadsering på select'en at den skall vises... hvis man vælger ikke fraværende, ferie, sygdom eller andet, skal den ikke vises!

<script>
function show(hvad) {
  if (hvad == 'Afspadsering') {
    document.getElementById("id1").style.display='inline';
  }
}
</script>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr><td width="100"><b>Fraværende:</td><td>

<select name="fravaer" onchange="show(this.value);">
<option>Ikke fraværende</option>
<option>Afspadsering</option>
<option>Ferie</option>
<option>Sygdom</option>
<option>Andet</option>
</select>
</td></tr>


<tr id="id1" style="display: none;"><td width="100"><b>Afspadsering:</td><td>

<input type="text" name="afspadsering" size="2" maxlength="2" value="0" style="text-align: right;"> timer

</td></tr>

</table>

//>Rune

Hmm sådan her:

<script>
function show(hvad) {
  if (hvad == 'Afspadsering') {
    document.getElementById("id1").style.display='inline';
  }
}
</script>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr><td width="100"><b>Fraværende:</td><td>

<select name="fravaer" onchange="show(this.value);">
<option>Ikke fraværende</option>
<option value="Afspadsering">Afspadsering</option>
<option>Ferie</option>
<option>Sygdom</option>
<option>Andet</option>
</select>
</td></tr>


<tr id="id1" style="display: none;"><td width="100"><b>Afspadsering:</td><td>

<input type="text" name="afspadsering" size="2" maxlength="2" value="0" style="text-align: right;"> timer

</td></tr>

</table>

//>Rune

yeah man... så er den lige ved at være der.... men hvis man først vælger afspadsering og derefter vælger en af de andre, så skal <tr>'en forsvinde igen :)

<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr><td width="100"><b>Fraværende:</td><td>
<select name="fravaer" onchange="if(this.options[this.selectedIndex].text=='Afspadsering'){sty='inline'}else{sty='none'} document.getElementById('af').style.display=sty;"><option>Ikke fraværende</option>
<option>Afspadsering</option>
<option>Ferie</option>
<option>Sygdom</option>
<option>Andet</option>
</select></td></tr>
<tr id="af" style="display:none;"><td width="100"><b>Afspadsering:</td><td>
<input type="text" name="afspadsering" size="2" maxlength="2" value="0" style="text-align: right;"> timer
</td></tr>
</table>

<script>
function show(hvad) {
  if (hvad == 'Afspadsering') {
    document.getElementById("id1").style.display='inline';
  } else {
    document.getElementById("id1").style.display='none';
  }
}
</script>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr><td width="100"><b>Fraværende:</td><td>

<select name="fravaer" onchange="show(this.value);">
<option value="Ikke Fraværende">Ikke fraværende</option>
<option value="Afspadsering">Afspadsering</option>
<option value="Ferie">Ferie</option>
<option value="Sygdom">Sygdom</option>
<option value="Andet">Andet</option>
</select>
</td></tr>


<tr id="id1" style="display: none;"><td width="100"><b>Afspadsering:</td><td>

<input type="text" name="afspadsering" size="2" maxlength="2" value="0" style="text-align: right;"> timer

</td></tr>

</table> 

//>Rune

Cool, mange tak for hjælpen Rune... :)

Anytime...
Thx 4 Poinz

//>Rune

hmm...