Lista desplegable + textarea relacion

Pelao · #1 (**permalink**) 02/09/2009, 10:19

Cita:

Iniciado por Legoltaz

Código JavaScript:

Ver originalfunction f(){
if(document.frm.sel.options.value == "1"){
document.frm.area.value = "hola que tal";
return true;
}
else return false;
}

Código HTML:

Ver original<form name="frm">
<select name="sel" onChange="return f()">
<option value="1">Opción 1</option>
<option value="2">Opción 2</option>
<option value="3">Opción 3</option>
</select>
<textarea name="area"></textarea>
</form>

como puedo agregar if para el value 2 y el 3?

Gracias :D

Pelao · #2 (**permalink**) 03/09/2009, 08:34

lo resolvi con esto!

Código HTML:

<html>
<head>
<title>Pregunta en lista desplegable, respuesta en área de texto</title>
</head>

<body>

<p align="center"><b>Pregunta en lista desplegable, respuesta en área de texto</b>
</p>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%">
    <form name="ddmessage">
      <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
          <td width="100%">
          <select name="selectbox" size="1" onChange="changecontent(this)">
          <option selected value="Pregunta número 1">Pregunta número 1</option>
          <option value="Respuesta número 2">Pregunta número 2</option>
          <option value="Respuesta número 3">Pregunta número 3</option>
          <option value="Respuesta número 4">Pregunta número 4</option>
          </select><br>
          </td>
        </tr>
        <tr>
          <td width="100%">
          <textarea rows="8" name="contentbox" cols="35" wrap="virtual"></textarea><br>
&nbsp;</td>
        </tr>
      </table>
    </form>
    </td>
  </tr>
</table>
<p>
<script language="JavaScript">

/*
Drop down messages script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
*/

//change contents of message box, where the first one corresponds with the first drop down box, second with second box etc
var thecontents=new Array()

thecontents[0]='Respuesta número 1'

thecontents[1]='Respuesta número 2'

thecontents[2]='Respuesta número 3'

thecontents[3]='Respuesta número 43333'


//don't edit pass this line

function changecontent(which){
document.ddmessage.contentbox.value=thecontents[which.selectedIndex]
}

document.ddmessage.contentbox.value=thecontents[document.ddmessage.selectbox.selectedIndex]
</script>

</body>
</p>

</body>

</html>

mayid · #3 (**permalink**) 03/09/2009, 13:32

Siempre podes usar id para seleccionar el elemento por id.