menu a tendina invisibile

[Schwan]

scusate ragazzi, non mi intendo molto di interazioni con script vari....

ho un campo menù a tendina e voglio che appaia come invisibile , fino a quando l'utente non spunti un apposito campo...

qual'è l'operazione che devo fare ? la sintassi giusta ?

ciao e grazie

[Xinod]

il campo è un checkbox?
se vuoi che appaia e scompaia a seconda che abbia o meno il segno di spunta

<input type="checkbox" onclick="document.getElementById('nome_select').style.visibility=(this.checked)?'visible':'hidden'" />
<select name="nome_select" id="nome_select" style="visibility:hidden">
<option>...</option>
</select>

[Schwan]

grazie mille, ma la cosa la faccio più complicata: è un campo "ratio" (ma questo non cambia nulla) e il click deve comportare 4 azioni:
la comparsa di testo "data di ritorno", e la comparsa di 3 menu a tendina. Il codice è esattamente quello sotto:

<input type="radio" value="A" name="OPZIONE" checked>solo andata
<input type="radio" value="AR" name="OPZIONE" onclick="document.getElementById('ggRit').style.vi sibility=(this.checked)?'visible':'hidden'">andata +ritorno:</font>
<font size="2" color="#000080" face="Verdana" >data di ritorno (testo che deve essere invisibile anche lui inizialmente)</font>
<select name=ggRit size="1" id="ggRit" style="visibility:hidden">
<option selected>gg</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 name=mmRit size="1" >
<option selected>mm</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>
</select><select name=hhRit size="1">
<option>2004</option>
</select>

[Xinod]

valuta la possibilità di inserire tutto quello che deve apparire in un livello a parte e di agire sul display e non sulla visibilità (in modo da non occupare spazio da "invisibile")

<script type="text/javascript">
function A_AR(f){
document.getElementById('lyr_AR').style.display=(f.OPZIONE[1].checked)?'block':'none';
}
</script>

<input type="radio" value="A" name="OPZIONE" checked="checked" onclick="A_AR(this.form)" />solo andata  
<input type="radio" value="AR" name="OPZIONE" onclick="A_AR(this.form)" />andata e ritorno
<div id="lyr_AR" style="display:none">
data di ritorno
<select name=ggRit size="1"> 
<option selected>gg</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 name=mmRit size="1" > 
<option selected>mm</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> 
</select><select name=hhRit size="1"> 
<option>2004</option> 
</select>
</div>

ciao