Pegar preço do item do combo

[alexlinkin 0]

Olá pessoal...

ontem vim aqui tirar uma dúvida sobre o combo que eu fiz.

meu combo busca os valores no banco de dados.

 

como funciona:

seleciono um combo com o tipo do produto.

ai no outro combo ele busca os produtos daquele tipo e lista nesse mesmo combo.

 

ontem eu queria o id do campo, mais devido a uma mudança, agora eu presciso pegar o preço desse produto do segundo combo box...

 

           <div id="add_pedido">
               <div class="lbl_esquerda">Categoria:</div>
               <select id="cmb_categoria" onchange="listaProdutos(this.value)" >
               </select>
               <div class="lbl">Produto:</div>
               <select id="cmb_produto"/>
               </select>
	<div class="linha"></div>
               <div class="lbl_esquerda">Pesquisar Produto:</div>
               <input type="text" id="txt_pesquisar_produto" autocomplete='off'/>
	<div class="linha"></div>				
               <div class="lbl_esquerda">Quantidade:</div> 
	<div class="lbl"><input type="text" id="quantidade_produto" value="1"></div>
               <div class="linha"></div>
	<div class="lbl_esquerda">Preço:</div> 
	<div class="lbl"><input type="text" id="preco_produto"></div>
	<div class="linha"></div>
               <button id="bt_adicionar" onclick="addProduto()">Adicionar</button>
           </div>

 

Como eu faço para pegar o preço do produto que está dentro no segundo combo e mandar no input do preço do produto...

 

tem como fazer uma busca no banco pelo id e retornar o preço?

qual o melhor jeito de fazer isso?

 

obrigado desde já!

[lucasao 5]

Levando em conta que o valor do preço é o texto dentro do option:

 

<div id="add_pedido">
<div class="lbl_esquerda">Categoria:</div>
<select id="cmb_categoria" onchange="listaProdutos(this.value)" >
</select>
<div class="lbl">Produto:</div>
<select id="cmb_produto" onchange="document.getElementById('preco_produto').value = this.options[this.selectedIndex].innerText">
</select>
<div class="linha"></div>
<div class="lbl_esquerda">Pesquisar Produto:</div>
<input type="text" id="txt_pesquisar_produto" autocomplete='off'/>
<div class="linha"></div> 
<div class="lbl_esquerda">Quantidade:</div> 
<div class="lbl"><input type="text" id="quantidade_produto" value="1"></div>
<div class="linha"></div>
<div class="lbl_esquerda">Preço:</div> 
<div class="lbl"><input type="text" id="preco_produto"></div>
<div class="linha"></div>
<button id="bt_adicionar" onclick="addProduto()">Adicionar</button>
</div>