Preencher um input com base em um select no .jsp

Front-end
#1

Bom dia!

Estou desenvolvendo um projeto com a IDE Eclipse e o framework Spiring, e e quero preencher a DESCRICAO e o CODIGO do TipoProduto…

Eu listo no meu formulario.jsp as descrições dos tipos de produto…

Minha classe modelo Produto (PRINCIPAL), tenho os dois campos:

    @Column(name = "descricao_tipo_produto", length = 30)
    private String descricaoTipoProduto;

    @Column(name = "tipo_produto")
    private Integer tipoProduto;

Minha classe TipoProduto, os dois campos:

    @Column(name = "tipo_produto")
    private Integer tipoProduto;

    @Column(name = "descricao_tipo_produto", length = 30)
    private String descricaoTipoProduto;

O método no meu ProdutoController:

    @RequestMapping("/vaz")
    public ModelAndView vaz() {
        List<TipoProduto> tiposProduto = produtoDao.listaTipoProduto();
        List<Montadora> montadoras = produtoDao.listaMontadora();
        List<SulfixoOpcional> sulfixosOpcionais = produtoDao.listaSulfixoOpcional();
        ModelAndView modelAndView = new ModelAndView("produto/vaz");
        modelAndView.addObject("tiposProduto", tiposProduto);
        modelAndView.addObject("montadoras", montadoras);
        modelAndView.addObject("sulfixosOpcionais", sulfixosOpcionais);
        return modelAndView;
    }

E no meu formulario.jsp:

           <label>Descrição tipo produto:</label>
        <select name="produto.descricaoTipoProduto" id="descricaoTipoProduto">
            <c:forEach items="${tiposProduto}" var="tipoProduto" varStatus="status">
                <option value="${produto.descricaoTipoProduto}" ${produto.descricaoTipoProduto eq tipoProduto.descricaoTipoProduto ? "Selected" : ""}> ${tipoProduto.descricaoTipoProduto}</option>
            </c:forEach>
        </select>

Aonde eu devo adicionar o código:

<input type="text" name="produto.tipoProduto" size="3" maxlength="3"  disabled/><br /><br />
Como eu devo alterar essa linha acima, para sincronizar o código com a descrição que eu escolhi no select...

Obrigado!!

#2

Pode usar javascript como abaixo:

<input type="text" name="produto.tipoProduto" size="3" maxlength="3" id="inputDescricaoTipoProduto" disabled /><br /><br />

<label>Descrição tipo produto:</label>
<select name="produto.descricaoTipoProduto" id="descricaoTipoProduto" onchange="myFunction()">
   <option value="10">Dez</option>
   <option value="20">Vinte</option>
   <option value="30">Trinta</option>            
</select>
	
<script>
function myFunction() {
    var x = document.getElementById("descricaoTipoProduto").value;
    document.getElementById("inputDescricaoTipoProduto").value = x;
}
</script>
#3

Não deu certo, vou tentar fazer pelo VRaptor…

Obrigado edulemos!