plan selector that shows value in another imput

0

//função exibe data de hoje no campo cancelamento

    var dia, mes,ano;

    function Data(){
        data = new Date();
        dia = data.getDate();
        mes = data.getMonth()+1;
        ano = data.getFullYear();
            if (dia <10){
          dia ='0'+dia;
        }
        if (mes <10){
          mes ='0'+mes; 
        }
        dataCompleta = ano+'-'+mes+'-'+dia;

        return dataCompleta;
    }

    window.onload = function(){
        //formato para calculo
        document.getElementById("cancelamento").value = Data();
        //formato para visualização
        document.getElementById("visualiza").value = dia+'/'+mes+'/'+ano;; 
    }

/*função calcula a data com base nos inputs adesão e cancelamento e deve retornar a diverença entre eles em meses*/
    function calculaData(){
        var adesao = new Date (document.retencao.adesao.value);
        var cancelamento = new Date (document.retencao.cancelamento.value);

        var timeDiff = Math.abs(cancelamento.getTime() - adesao.getTime());
        //retorno em dias
        var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24 * 30)); 
       	document.getElementById("tempo").value = diffDays;
    }

/*função calcula a data com base nos inputs adesão e cancelamento e deve retornar a diverença entre eles em meses*/
    function calculaData(){
        var adesao = new Date (document.retencao.adesao.value);
        var cancelamento = new Date (document.retencao.cancelamento.value);

        var timeDiff = Math.abs(cancelamento.getTime() - adesao.getTime());
        //retorno em dias
        var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24 * 30)); 
       document.getElementById("tempo").value = diffDays;
     }
     //Transferir valor do campo plano para o campo individual
$('#seletor').change(function() {
var valor = $('#seletor').val();
$('#individual').val(valor);
});

        function calculaParcela(){
       var individual = parseFloat(document.retencao.individual.value);
		   var dependente = parseFloat(document.retencao.dependente.value);
       var parcela = individual * dependente;
       document.getElementById("parcela").value = parcela.toFixed(2) ; 
       }
       
       function calculaInvestimento(){
			  var vparcela = parseFloat(document.retencao.parcela.value);
			  
			  var tempo = parseFloat(document.getElementById("tempo").value);
			  
			  var investimento = vparcela * tempo;
			  document.getElementById("investimento").value = investimento.toFixed(2) ;           
       }
 
<!DOCTYPE html>
<html>
  <head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title> Retenção </title>
<script language="javascript" src="javascript/funcoes.js"> 	</script>
<!-- Importar biblioteca jQuery (biblioteca JavaScript) -->
	 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script></head><body><formname="retencao">
<fieldset>
<legend >Calculo de Investimento</legend>
<label>Adesão</label>
<input type="date" id="adesao" name="adesao" required="required" onchange="calculaData()">  
<!--pega a data de adesão do beneficiario-->    
<label>Cancelamento</label>
<!--data do cancelamento simples visualizaçao-->
<input style="display:none" type="text" id="cancelamento" name="cancelamento" onload="calculaData()">
<!--data de cancelamento do beneficiario pega a data atual-->
<input type="text" id="visualiza" name="visualiza" readonly="readonly" size="8">
<label>Planos</label>
<select id="seletor" required="required" name="seletor" onchange="calculaParcela()">
<!--Para o seletor de planos pensei em um imput select, com a seleção do plano por esse imput preciso 
que o valor seja retornado no imput individual-->
<option selected="selected" value="">Selecione o plano</option>
<option value="29.90">Fundamental</option>  
<option value="36.90">Vital</option>
</select>
<label>Dependentes</label>
<!--Aqui sera informado a quantidade de beneficiarios para calculo no valor da  parcela-->
<input type="number" value="1" min="1" max="10" id="depedente" name="dependente" required="required" onchange="calculaParcela()">
<br>        
<label>Tempo de plano</label>
<!--Este imput deve receber o resultado de uma conta dos campos adesão e cancelamento da seguinte
forma =cancelmamento - adesão e retornar a quantidade de meses que o beneficiario permaneceu com o 
plano -->
<input type="text" name="tempo" id="tempo" size="10"readonly="readonly" >
<label>Individual</label>
<!--Recebe valor artibuido ao select com o valor do plano-->
<input type="text" id="individual" name="individual" size="10">    
<label>Parcela</label>
<!--Parcela recebe a quantidade de dependentes vezes o valor individual-->
<input type="text" name="parcela" id="parcela" size="10" readonly="readonly" >
<label>Investimento</label>
<!--Investimento deve mutiplicar a quantidade de meses vezes o valor da parcela para retorno do valor
investido durante o tempo que o beneficiario permaneceu com o plano-->
<input type="text" name="investimento" id="investimento" readonly="readonly" size="10">
<br>
<input type="button" value="calcular" onclick="calculaInvestimento()">      
</fieldset>     
</form>
</body>
</html>

I would like to know if it is possible to make a plan selector with the id = selector field so that it transfers the value of the plan to the Individual field whenever it changes so far the program is almost at the end thanks the contribution of many of you more I searched the internet and did not find anything similar to what I want to make someone has some idea

    
asked by anonymous 01.07.2017 / 22:00

1 answer

0

Would that be what you wanted to do?

//função exibe data de hoje no campo cancelamento

        var dia, mes,ano;

        function Data(){
            data = new Date();
            dia = data.getDate();
            mes = data.getMonth()+1;
            ano = data.getFullYear();
                if (dia <10){
              dia ='0'+dia;
            }
            if (mes <10){
              mes ='0'+mes; 
            }
            dataCompleta = ano+'-'+mes+'-'+dia;

            return dataCompleta;
        }

        window.onload = function(){
            //formato para calculo
            document.getElementById("cancelamento").value = Data();
            //formato para visualização
            document.getElementById("visualiza").value = dia+'/'+mes+'/'+ano;; 
        }

    /*função calcula a data com base nos inputs adesão e cancelamento e deve retornar a diverença entre eles em meses*/
        function calculaData(){
            var adesao = new Date (document.retencao.adesao.value);
            var cancelamento = new Date (document.retencao.cancelamento.value);

            var timeDiff = Math.abs(cancelamento.getTime() - adesao.getTime());
            //retorno em dias
            var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24 * 30)); 
           	document.getElementById("tempo").value = diffDays;
        }

    /*função calcula a data com base nos inputs adesão e cancelamento e deve retornar a diverença entre eles em meses*/
        function calculaData(){
            var adesao = new Date (document.retencao.adesao.value);
            var cancelamento = new Date (document.retencao.cancelamento.value);

            var timeDiff = Math.abs(cancelamento.getTime() - adesao.getTime());
            //retorno em dias
            var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24 * 30)); 
           document.getElementById("tempo").value = diffDays;
         }
            function calculaParcela(){
           var individual = parseFloat(document.retencao.individual.value);
           var dependente = parseFloat(document.retencao.dependente.value);
           var parcela = individual * dependente;
           document.getElementById("parcela").value = parcela.toFixed(2) ; 
           }
           
           function calculaInvestimento(){
			  var vparcela = parseFloat(document.retencao.parcela.value);
			  
			  var tempo = parseFloat(document.getElementById("tempo").value);
			  
			  var investimento = vparcela * tempo;
			  document.getElementById("investimento").value = investimento.toFixed(2) ;           
           }
     
//Transferir valor do campo plano para o campo individual
$('#seletor').change(function() {
    var valor = $('#seletor').val();
    $('#individual').val(valor);
});
<!-- Importar biblioteca jQuery (biblioteca JavaScript) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><!DOCTYPEhtml><html><head><metacontent="text/html; charset=UTF-8" http-equiv="content-type">
    <title> Retenção </title>
    <script language="javascript" src="javascript/funcoes.js"> 	</script> 
</head>
  <body>
<form name="retencao">
    <fieldset>
    <legend >Calculo de Investimento</legend>
    <label>Adesão</label>
    <input type="date" id="adesao" name="adesao" required="required" onchange="calculaData()">  
    <!--pega a data de adesão do beneficiario-->    
    <label>Cancelamento</label>
    <!--data do cancelamento simples visualizaçao-->
    <input style="display:none" type="text" id="cancelamento" name="cancelamento" onload="calculaData()">
    <!--data de cancelamento do beneficiario pega a data atual-->
    <input type="text" id="visualiza" name="visualiza" readonly="readonly" size="8">
    <label>Planos</label>
    <select id="seletor" required="required" name="seletor">
    <!--Para o seletor de planos pensei em um imput select, com a seleção do plano por esse imput preciso 
    que o valor seja retornado no imput individual-->
    <option selected="selected" value="">Selecione o plano</option>
    <option value="29.90">Fundamental</option>      
    </select>
    <label>Dependentes</label>
    <!--Aqui sera informado a quantidade de beneficiarios para calculo no valor da  parcela-->
    <input type="number" value="1" min="1" max="10" id="depedente" name="dependente" required="required" onchange="calculaParcela()">
    <br>        
    <label>Tempo de plano</label>
    <!--Este imput deve receber o resultado de uma conta dos campos adesão e cancelamento da seguinte
    forma =cancelmamento - adesão e retornar a quantidade de meses que o beneficiario permaneceu com o 
    plano -->
    <input type="text" name="tempo" id="tempo" size="10"readonly="readonly" >
    <label>Individual</label>
    <!--Recebe valor artibuido ao select com o valor do plano-->
    <input type="text" id="individual" name="individual" size="10" oninput="calculaParcela()" >    
    <label>Parcela</label>
    <!--Parcela recebe a quantidade de dependentes vezes o valor individual-->
    <input type="text" name="parcela" id="parcela" size="10" readonly="readonly" >
    <label>Investimento</label>
    <!--Investimento deve mutiplicar a quantidade de meses vezes o valor da parcela para retorno do valor
    investido durante o tempo que o beneficiario permaneceu com o plano-->
    <input type="text" name="investimento" id="investimento" readonly="readonly" size="10">
    <br>
    <input type="button" value="calcular" onclick="calculaInvestimento()">      
    </fieldset>     
</form>
</body>
</html>
    
01.07.2017 / 22:04