Tenho o seguinte select
:
<select name="idservico[]" id="idservico">
<option data-valor="25,00" value="1">opção 1</option>
<option data-valor="20,00" value="1">opção 2</option>
</select>
Tenho o seguinte input
:
<input type="text" name="valor" id="valor"/>
Tenho o seguinte script
:
<script>
jQuery(document).ready(function () {
jQuery('#idservico').change(function() {
jQuery('#valor').val((jQuery(this).find(':selected').data('valor')));
});
});
</script>
Então vamos lá, quando seleciono um serviço ele envia o valor do serviço para o input
, mas preciso que quando selecionar outro serviço — porque meu select
é múltiplo — ele teria que somar o valor do primeiro selecionado com o segundo.
Alguém pode me ajudar? Conseguir fazer até selecionar e enviar o valor para o input
, mas somar nada até agora. Grato.