olá!

tenho um select que carrega os dados da tabela Servico e gostaria de, ao selecionar um desses servicos, fosse mostrado no campo "valorUnitario" o valor do objeto selecionado (Servico.valorUnitario).

------------------------------------------------
<g:select id="slctServico" name="servico.id" optionKey="id" from="${servicoInstance?.list()}" />

<g:textField id="valorUnitario" name="valorUnitario" value="" />
------------------------------------------------

imagino que tenha que usar javascript pra fazer isso mas estou pesquisando e não to conseguindo fazer.

eu coloquei o atributo onchange="javascript:calculaServ();" no g:select e no método fiz assim:

------------------------------------------------
var indice = document.getElementById('slctServico').selectedIndex

var serv = document.getElementById('slctServico').options[indice].value
------------------------------------------------

assim que consigo pegar somente o id do serviço e a partir daqui não sei mais o que fazer =/

alguém poderia me dar umas dicas?

vlw