Foros del Web - Ver Mensaje Individual - ¿Como puedo sustituir el contenido de un <section>?

emprear · #11 (**permalink**) 11/04/2013, 05:43

Te dejo 2 variantes, con boton y con onchange,

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script type="text/javascript">
function ajaxcombo(id_select, contenedorAjax){
var seleccion=document.getElementById? document.getElementById(id_select) : ""
if (seleccion!="" && seleccion.options[seleccion.selectedIndex].value!="")
cargarAjax(seleccion.options[seleccion.selectedIndex].value +'-'+ contenedorAjax)
}
</script>
 
<form>
<select id="ajaxmenu_uno" size="1">
<option value="pag1.htm">Página 1</option>
<option value="pag2.htm">Página 2</option>
<option value="otracarpeta/pag3.htm">Página 3</option>
</select>
<input type="button" onClick="ajaxcombo('ajaxmenu_uno', 'carga')" value="Cargar" />
</form>
 
<div id="carga"></div>
 
<hr />
 
 
<form>
<select id="ajaxmenu_dos" size="1" onchange="ajaxcombo('ajaxmenu_dos', 'cargar_dos');">
<option value="">Seleccionar</option>
<option value="pag1.htm">Página 1</option>
<option value="pag2.htm">Página 2</option>
<option value="otracarpeta/pag3.htm">Página 3</option>
</select>
</form>
 
<div id="carga_dos"></div>
</body>
</html>

Saludos