Skip to main content
adicionou 163 caracteres ao conteúdo
Fonte Link
Ivan Ferrer
  • 12,3mil
  • 3
  • 35
  • 94

Aqui um exemplo simples, já que você não deixou muito claro o que precisa.

<select id="opcao_soma_val1" name="soma">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<select>

<input  id="opcao_soma_val2" value="1" type="number" step="1" min="1" max="10">
<div id="resultado"><!-- aqui vem o resultado --></div>
<button id="somar">Somar</button>
<button id="subtrair">Subtrair</button>

<script
  src="http://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous">
</script>
<script>

$(function(){
  $(document).on('click','#somar', function(){
     somar();
  });
 $(document).on('click','#subtrair', function(){
     subtrair();
  });
 
});
function subtrair(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) - parseInt(val2));
     $('#resultado').text(result);
  } 
function somar(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) + parseInt(val2));
     $('#resultado').text(result);
  } 
</script>

Para somar em tempo real, basta fazer blur no último campo.

Exemplo:

$('#opcao_soma_val2').on('blur', function(){
  somar();
});

Fiddle do exemplo

Aqui um exemplo simples, já que você não deixou muito claro o que precisa.

<select id="opcao_soma_val1" name="soma">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<select>

<input  id="opcao_soma_val2" value="1" type="number" step="1" min="1" max="10">
<div id="resultado"><!-- aqui vem o resultado --></div>
<button id="somar">Somar</button>
<button id="subtrair">Subtrair</button>

<script
  src="http://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous">
</script>
<script>

$(function(){
  $(document).on('click','#somar', function(){
     somar();
  });
 $(document).on('click','#subtrair', function(){
     subtrair();
  });
});
function subtrair(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) - parseInt(val2));
     $('#resultado').text(result);
  } 
function somar(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) + parseInt(val2));
     $('#resultado').text(result);
  } 
</script>

Fiddle do exemplo

Aqui um exemplo simples, já que você não deixou muito claro o que precisa.

<select id="opcao_soma_val1" name="soma">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<select>

<input  id="opcao_soma_val2" value="1" type="number" step="1" min="1" max="10">
<div id="resultado"><!-- aqui vem o resultado --></div>
<button id="somar">Somar</button>
<button id="subtrair">Subtrair</button>

<script
  src="http://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous">
</script>
<script>

$(function(){
  $(document).on('click','#somar', function(){
     somar();
  });
 $(document).on('click','#subtrair', function(){
     subtrair();
  });
 
});
function subtrair(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) - parseInt(val2));
     $('#resultado').text(result);
  } 
function somar(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) + parseInt(val2));
     $('#resultado').text(result);
  } 
</script>

Para somar em tempo real, basta fazer blur no último campo.

Exemplo:

$('#opcao_soma_val2').on('blur', function(){
  somar();
});

Fiddle do exemplo

adicionou 363 caracteres ao conteúdo
Fonte Link
Ivan Ferrer
  • 12,3mil
  • 3
  • 35
  • 94

Aqui um exemplo simples, já que você não deixou muito claro o que precisa.

<select id="opcao_soma_val1" name="soma">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<select>

<input  id="opcao_soma_val2" value="1" type="number" step="1" min="1" max="10">
<div id="resultado"><!-- aqui vem o resultado --></div>
<button id="somar">Somar</button>
<button id="subtrair">Subtrair</button>

<script
  src="http://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous">
</script>
<script>

$(function(){
  $(document).on('click','#somar', function(){
     somar();
  });
 $(document).on('click','#subtrair', function(){
     subtrair();
  });
});
function subtrair(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) - parseInt(val2));
     $('#resultado').text(result);
  } 
function somar(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) + parseInt(val2));
     $('#resultado').text(result);
  } 
</script>

function somar(){ var val1 = $('#opcao_soma_val1').val(); var val2 = $('#opcao_soma_val2').val(); var result = (parseInt(val1) + parseInt(val2)); $('#resultado').text(result); }

Fiddle do exemplo

Aqui um exemplo simples, já que você não deixou muito claro o que precisa.

<select id="opcao_soma_val1" name="soma">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<select>

<input  id="opcao_soma_val2" value="1" type="number" step="1" min="1" max="10">
<div id="resultado"><!-- aqui vem o resultado --></div>
<button id="somar">Somar</button>
<button id="subtrair">Subtrair</button>

<script
  src="http://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous">
</script>
<script>

$(function(){
  $(document).on('click','#somar', function(){
     somar();
  });
 $(document).on('click','#subtrair', function(){
     subtrair();
  });
});
function subtrair(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) - parseInt(val2));
     $('#resultado').text(result);
  } 

function somar(){ var val1 = $('#opcao_soma_val1').val(); var val2 = $('#opcao_soma_val2').val(); var result = (parseInt(val1) + parseInt(val2)); $('#resultado').text(result); }

Fiddle do exemplo

Aqui um exemplo simples, já que você não deixou muito claro o que precisa.

<select id="opcao_soma_val1" name="soma">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<select>

<input  id="opcao_soma_val2" value="1" type="number" step="1" min="1" max="10">
<div id="resultado"><!-- aqui vem o resultado --></div>
<button id="somar">Somar</button>
<button id="subtrair">Subtrair</button>

<script
  src="http://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous">
</script>
<script>

$(function(){
  $(document).on('click','#somar', function(){
     somar();
  });
 $(document).on('click','#subtrair', function(){
     subtrair();
  });
});
function subtrair(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) - parseInt(val2));
     $('#resultado').text(result);
  } 
function somar(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) + parseInt(val2));
     $('#resultado').text(result);
  } 
</script>

Fiddle do exemplo

adicionou 363 caracteres ao conteúdo
Fonte Link
Ivan Ferrer
  • 12,3mil
  • 3
  • 35
  • 94

Aqui um exemplo simples, já que você não deixou muito claro o que precisa.

<select id="opcao_soma_val1" name="soma">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<select>

<input  id="opcao_soma_val2" value="1" type="number" step="1" min="1" max="10">
<div id="resultado"><!-- aqui vem o resultado --></div>
<button id="somar">Somar</button>
<button id="subtrair">Subtrair</button>

<script
  src="http://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous">
</script>
<script>

$(function(){
  $(document).on('click','#somar', function(){
     somar();
  });
 $(document).on('click','#subtrair', function(){
     subtrair();
  });
});
function somarsubtrair(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) +- parseInt(val2));
     $('#resultado').text(result);
  } 
</script>

Fiddle do exemplo function somar(){ var val1 = $('#opcao_soma_val1').val(); var val2 = $('#opcao_soma_val2').val(); var result = (parseInt(val1) + parseInt(val2)); $('#resultado').text(result); }

Fiddle do exemplo

Aqui um exemplo simples, já que você não deixou muito claro o que precisa.

<select id="opcao_soma_val1" name="soma">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<select>

<input  id="opcao_soma_val2" value="1" type="number" step="1" min="1" max="10">
<div id="resultado"><!-- aqui vem o resultado --></div>
<button id="somar">Somar</button>

<script
  src="http://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous">
</script>
<script>

$(function(){
  $(document).on('click','#somar', function(){
     somar();
  });
});
function somar(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) + parseInt(val2));
     $('#resultado').text(result);
  } 
</script>

Fiddle do exemplo

Aqui um exemplo simples, já que você não deixou muito claro o que precisa.

<select id="opcao_soma_val1" name="soma">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<select>

<input  id="opcao_soma_val2" value="1" type="number" step="1" min="1" max="10">
<div id="resultado"><!-- aqui vem o resultado --></div>
<button id="somar">Somar</button>
<button id="subtrair">Subtrair</button>

<script
  src="http://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous">
</script>
<script>

$(function(){
  $(document).on('click','#somar', function(){
     somar();
  });
 $(document).on('click','#subtrair', function(){
     subtrair();
  });
});
function subtrair(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) - parseInt(val2));
     $('#resultado').text(result);
  } 

function somar(){ var val1 = $('#opcao_soma_val1').val(); var val2 = $('#opcao_soma_val2').val(); var result = (parseInt(val1) + parseInt(val2)); $('#resultado').text(result); }

Fiddle do exemplo

conteúdo editado
Fonte Link
Ivan Ferrer
  • 12,3mil
  • 3
  • 35
  • 94
Carregando
adicionou 73 caracteres ao conteúdo
Fonte Link
Ivan Ferrer
  • 12,3mil
  • 3
  • 35
  • 94
Carregando
Fonte Link
Ivan Ferrer
  • 12,3mil
  • 3
  • 35
  • 94
Carregando