[solucionado]seleccionar el ultimo agregado en un select

m0m0o · #1 (**permalink**) 23/05/2010, 09:24

hola, alguien me ayuda para seleccionar el ultimo introducido en un select?, tengo este codigo

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function agrega(){
	var opcion = document.createElement("option");
	var contenido = document.createTextNode("dos");
	opcion.appendChild(contenido);
	document.form1.uno.appendChild(opcion);	
}
</script>
</head>
<body>
<form name="form1">
<select name="uno">
<option value="1">uno</option>
<input type="button" value="agrega" onClick="agrega()" />
</form>
</select>
</body>
</html>

osea que despues de agregar el dos, este quede seleccionado en la lista
saludos

zerokilled · #2 (**permalink**) 23/05/2010, 09:37

asignale el indice a la propiedad selectedIndex del elemento SELECT. si quieres que el ultimo option agregado siempre sea el seleccionado, lee la longitud de los options y resta uno.

_cronos · #3 (**permalink**) 23/05/2010, 09:39

¿Algo así como
document.form1.uno.selectedIndex=1
?
Saludos (:

m0m0o · #4 (**permalink**) 23/05/2010, 10:24

jeje justo iba a postear esa duda despues de hacer esto

Código:

function agrega(){
	var lista=document.form1.uno;
	var indice;
	var opcion = document.createElement("option");
	var contenido = document.createTextNode("dos");
	opcion.appendChild(contenido);
	lista.appendChild(opcion);
	indice=optionUltimo();		
	alert("probando que se tiene el indice "+indice);
	//lista.options[indice].value.selected
	//lista.options[indice].selected	
	//lista.selectedIndex[indice]	
	//document.body.select.selectedIndex[indice].selected;
	//document.body.select.selectedIndex[indice]
	//lista.selected[indice]
	//lista[indice].selected
	
}
function optionUltimo(){
	var lista=document.form1.uno;
	ultimo=(lista.length-1);	
	return ultimo;
}

y agregando el

Código:

document.form1.uno.selectedIndex=indice;

ya me funciona correctamente, muchas gracias a los dos

saludos