Passar value do selectbox para um input

[Randolph Lima 1]

Olá pessoal!

Estou fazendo (tentando) um sistema onde a pessoa escolhe um pacote. Quando o sujeito escolhe um pacote ele traz do banco o nome do pacote e o valor, sendo que essa escolha e feita num selectbox. O que eu estou tentando fazer e, quando a pessoa escolher um pacote o valor desse pacote vai para outro input para somar com outro valor e ter um resultado final. Por ex:

SELECIONE UM PACOTE ABAIXO: (SELECTBOX)
Pacote

Simples

 

VALOR DO PACOTE SELECIONADO (INPUT)
Valor
19.90

SELECIONE O SEGUNDO PACOTE (SELECTBOX)
Pacote
Medio

VALOR DO PACOTE (INPUT)
Valor
25.90

TOTAL DOS PACOTES (RESULTADO DA SOMA DOS INPUTS)
Total
45.80

Até ai está ok... porem eu teria que fazer isso automaticamente, por exemplo, o cara escolhe o pacote 1 e já vai aparecer o valor dele e tambem vai aparecer o valor no resultado final. Caso o sujeito escolha o segundo pacote o mesmo vai aparecer no seu input e vai somar com o primeiro pacote, depois vai mostrar o resultado no total dos pacotes.

Dei uma pesquisada sobre o OnBlur e var() porem não consegui nada. Gostaria de saber se e possivel fazer isso com jquery e se alguem teria um tutorial ou até mesmo postar um exemplo para complementar nos estudos.

Aguardo o contato. Obrigado.

Obs: Em caso de duvida, segue o codigo.

    <div class="row">
   	 	<div class="col-lg-6">
        ESCOLHA O PACOTE DE TV
        <select class="form-control" id="planodetv" name="planodetv" required>
 		<option></option>
		<?php 
		$query = mysql_query("SELECT * FROM tv_pacote ORDER BY id ASC");
		while($prod = mysql_fetch_array($query)) { ?>
		<option value="<?php echo $prod['id'] ?>"><?php echo $prod['descricao'] ?></option>
		<?php } ?>
		</select><BR>                                                    
    	</div>
        
        <div class="col-lg-6">
        PONTO ADICIONAL
        <select class="form-control" id="pacli" name="pacli" required> 
		<option></option>
		<?php 
		$query = mysql_query("SELECT id, descricao, valor FROM tv_adicional ORDER BY id ASC");
		while($prod = mysql_fetch_array($query)) { ?>
		<option value="<?php echo $prod['descricao'] ?>"><?php echo $prod['descricao'] ?></option>
		<?php } ?>
		</select><BR>                                                    
    	</div>
    </div>

    <div class="row">
    <div class="col-lg-3">
       	VALOR PLANO DE TELEVISÃO<BR>
    	<input type="text" class="form-control" id="valorplanotv" name="valorplanotv" /><BR>
    </div>
    
   	<div class="col-lg-3">
        VALOR PONTO ADICIONAL<BR>
    	<input type="text" class="form-control" id="valorpa1" name="valorpa1" /><BR>
  	</div>

<div class="col-lg-3">
        PLANO TOTAL MENSAL TELEVISÃO<BR>
    	<input type="text" class="form-control" name="planomensaltv"/><BR>
    </div>
   	</div>

 

[Jonathan Cutrim Lacerda 3]

<select id='media' name='media'>

<option value='1'>media1</option>

<option value='2'>media2</option>

<option value='3'>media3</option>

</select>

 

 

<p class="test"></p>

$(document).ready(function()

{

$("#media").change(function()

{

var id=$(this).val();

var dataString = 'id='+ id;

 

$('.test').text(id)

 

 

});

 

});