1

<div class="row">
     <div class="form-group col-md-3">
       <label for="servico">Serviço</label>
       <select>
    <option value="200">Escapamento / Montagem R$ 100</option>                             </select>

      </div>
<div class="form-group col-md-4">
 <label for="valorTotal">Total</label>                                 
 <input type="text" class="form-control" id="valorTotal" name="valorTotal" value="" readonly >
  </div>
 </div>

Bom dia gente.

Tenho um select que apresenta o nome do serviço, valor da peça e montagem. Eu queria que ao selecionar o serviço, fossem somados 200 + 100 e apresentados em outro input.

Esse seria meu select:

 <div class="row">
     <div class="form-group col-md-3">
       <label for="servico">Serviço</label>
    <select>
<option value="200">Escapamento / Montagem = 100</option>                             </select>

  </div>          </div>
<div class="form-group col-md-4">
 <label for="valorTotal">Total</label>                                 
 <input type="text" class="form-control" id="valorTotal" name="valorTotal" value="" readonly >
  </div>
 </div>

É possível eu fazer isso com JQuery?

6
  • sempre vão vir separados por / e esse select está meio estranho ele é <select></select>?
    – novic
    6/02/2017 às 13:17
  • 1
    @VirgilioNovic fiz a correção, estava faltando a tag select e acrescentei pra executar o html. Veja se dá pra entender agora.
    – AmandaRJ
    6/02/2017 às 13:18
  • agora você mudou a questão? é assim mesmo que é para vir? uma está com igual a outra um R$, por favor coloque corretamente como é a verdadeira forma?
    – novic
    6/02/2017 às 13:24
  • Oi @virgilio mudei bem na hora que vc me respondeu. Desculpe. Mas esta última modificação é o meu problema. Obrigada
    – AmandaRJ
    6/02/2017 às 13:33
  • eu coloquei um exemplo com = ve se está correto pra você? tem um padrão olha como seria!
    – novic
    6/02/2017 às 13:35

1 Resposta 1

2

Se existir esse padrão pode ser feito assim:

$('#select1').on('change', function(e) {
  var n1 = parseInt($(this).val());  
  var n2 = parseInt($(this).text().split("=")[1].trim());
  $('#result').val(n1 + n2);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>

<select id="select1">
  <option></option>
  <option value="100">Escapamento / Montagem = 100</option>
  <option value="200">Escapamento / Montagem = 200</option>
  <option value="300">Escapamento / Montagem = 300</option>
<select>

<input type="text" readonly id="result" />

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .