problemas con un texto

soriaromanm · #1 (**permalink**) 26/10/2011, 09:55

buenas gentes.
Estoy intentando crearme un ejemplo a partir del cual programar cosas mas complejas, pero no soy capaz de que funcione y no encuentro ningun fallo ni veo lo que falta, me explico.
A trabes de un "<select>" trato de modificar el contenido de un cuadro de texto, segun lo que eligamos en el select el texto mostrara una cosa u otra. A continuacion os muestro lo que tengo:

<html>
<head>
<title>prueba2</title>
</head>

<body>
<form name="f1">
<select name=pais onchange="escrivir_pais()">
<option value="0" selected>Seleccione...
<option value="1">España
<option value="2">Argentina
<option value="3">Colombia
<option value="4">Francia

</select>

<input type="text" name="eleccion">
</form>

<script type="text/javascript">

function escrivir_pais(){
var pais
pais=document.f1.pais[document.f1.pais.selectedIndex].value

if (pais !=0){

document.f1.eleccion.value=pais.value

}
}else{
document.f1.eleccion.value=" "
}

}
</script>

</body>
</html>

IsaBelM · #2 (**permalink**) 26/10/2011, 12:44

quizás el problema sea el error ortográfico

cierra los option

Cita:

<option value="0" selected>Seleccione...</option>

e investiga sobre la variable "this"

soriaromanm · #3 (**permalink**) 27/10/2011, 01:51

Gracias IsaBelM, investigue algo sobre el "this" (aunque la mayoria de cosas que decian por ahi eran un tanto genericas y no me enterava de mucho) y al final lo he logrado, aunque no exactamente como esperava pero ya esta. Os muestro como me ha quedado el codigo por si alguien siente curiosidad y para saber opiniones al respecto:

<html>
<head>
<title>prueba2</title>
</head>

<body>
<form name="f1">
<select name=pais onchange="escrivir_pais(this)">
<option value="0" selected>Seleccione...</option>
<option value="1">España</option>
<option value="2">Argentina</option>
<option value="3">Colombia</option>
<option value="4">Francia</option>
</select>

<input type="text" name="eleccion">
</form>

<script language="Javascript">

var epais=new Array()

epais[0]="Seleccione"
epais[1]="España"
epais[2]="Argentina"
epais[3]="Colombia"
epais[4]="Francia"

function escrivir_pais(which){
document.f1.eleccion.value=epais[which.selectedIndex]
}

</script>

</body>
</html>

IsaBelM · #4 (**permalink**) 27/10/2011, 04:31

mejor así

Cita:

<select name=pais onchange="escrivir_pais(this.value)">

document.f1.eleccion.value=epais[which]

los términos de busque pueden "this keyword javascript"

soriaromanm · #5 (**permalink**) 28/10/2011, 02:26

Bueno gentes, encontre otra manera mas parecida a lo que intentava en un principio, ya puestos a mostrar codigo lo pongo a continuacion:
<form name="f1">
<select name="pais" onchange="escrivir_pais()">
<option value="0" selected>Seleccione...</option>
<option value="1">España</option>
<option value="2">Argentina</option>
<option value="3">Colombia</option>
<option value="4">Francia</option>

</select>

<input type="text" name="eleccion">
</form>

<script>
function escrivir_pais(){
var indice = document.f1.pais.selectedIndex
var textoEscogido = document.f1.pais.options[indice].text

document.f1.eleccion.value=textoEscogido
}
</script>

aqui ya voy directamente al campo que muestra el combobox, sin necesidad de crear un nuevo listado de estos en otra parte. Ahora puedo continuar sin problemas con el codigo que tenia entre manos.

Muchas gracias a IsaBelM y a todos por ayudarme a conseguirlo ^^

IsaBelM · #6 (**permalink**) 28/10/2011, 05:57

o mas sencillo aún

Cita:

<select name=pais onchange="escrivir_pais(this.options[this.selectedIndex].text)">

function escrivir_pais(txt){
document.f1.eleccion.value=txt;
}