Combox - JavaScript

Front-end
#1

Boa tarde galera,
Tenho um formulário para adicionar rotinas.
Essa rotinas serão determinadas pelo sistemas e pelos módulos.

Formulário HTML

[code]
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<%@ page import=“java.util.*”%>
<%@ page import=“br.com.softsolweb.conexao.ConnectionFactory”%>
<%@ page import=“br.com.softsolweb.DAO.SistemasDAO”%>
<%@ page import=“br.com.softsolweb.DAO.ModulosDAO”%>
<%@ page import=“br.com.softsolweb.sistemas.Sistemas”%>
<%@ page import=“br.com.softsolweb.sistemas.Modulos”%>
<%@ page import=“java.sql.Connection”%>
<%@ page import=“java.sql.PreparedStatement”%>
<%@ page import=“java.sql.ResultSet”%>
<%@ page import=“java.sql.SQLException”%>
<meta http-equiv=“Content-Type” content=“text/html; charset=ISO-8859-1”>
<title>Insert title here</title>
</head>
<body>
<form action=“adicionarotinas"method=“POST”>
Sistemas <select name=“idsistemas”>
<%
SistemasDAO dao = new SistemasDAO();
List<Sistemas> sistema = dao.getList();
for (Sistemas sistemas : sistema) {
%>
<option value=”<%=sistemas.getId()%>"><%=sistemas.getNome()%></option>
<%} %>
</select>

Módulos: <select name=“idmodulos”>
<% ModulosDAO dao2 = new ModulosDAO();
List<Modulos> modulo = dao2.getList();
for (Modulos modulos : modulo ) {
Sistemas sistemas = new Sistemas();
if(sistemas.getId() == modulos.getId_sistema()) {
%>
<option value="<%=modulos.getId()%>"><%=modulos.getNome()%></option>
<%} }%>
</select>

Nome Rotina: <input type=“text” name=“nome” />

Descrição da Rotina: <input type=“text” name=“descricao” />

Ativo? <input type=“text” name=“ativo” />

Imagem da Rotina <input type=“file” name=“imagem” />

<input type=“submit” value=“Gravar” />
</form>
</body>
</html>[/code]

Não entendo nada de javascript.
Teria como vocês me ajudarem para, após eu selecionar o sistema. Listar os módulos referentes ao sistema selecionado.
Creio que será javascript.

Obrigado.

#2