Fórum passar variável do jQuery para PHP #605726

01/10/2019

0

jQuery PHP 

<label class="mt-3" for="customRange3">DIA</label>
<input type="range" class="custom-range" min="01" max="31" step="1" id="customRange3">


Olá Mestres,
Pesquisei mas não encontrei...
Tem como pegar o garo selecionado de um Input Range?
Neste exemplo, tem uma time line de 1 a 31 (dias)... gostaria que ao selecionar carregasse o valor numa variável em PHP.



vlw
Jeferson

Jeferson

Responder

Posts

01/10/2019

Jothaz

Estes controles estão dentro de um Form (<form></form>)?

Se estiver você obtêm os valores no POST do FORM.

<?php $customRange3= $_POST['customRange3'];
?>
Responder

Gostei + 0

01/10/2019

Jeferson

Isso, estou usando o Post no PHP ... Segue código do <Form> com POST 

<form action="ciclo_inicios.php" method="POST">
<label class="mt-3" for="ciclo">CICLO</label>
<input type="range" class="custom-range" value="201901" min="201901" max="201915" step="1" id="ciclo">
<span>201901</span>
</form>

<script>
$(document).ready(function(){
            $("#ciclo").on("change", function(){
            var idciclo = $("#ciclo");
                $.ajax({
                    url: "ciclo_inicios.php",
                    method: "POST",                    
                    data: 'idciclo=' + $('#ciclo').val()       
            
                });                
            });            
        }); 
</script>


No arquivo PHP "ciclos_inicios.php":
<?php
$cicloInicio = $_POST['idciclo'];

echo "$cicloInicio";

?>


Mas não sei onde errei.. não consigo trazer o valor da variável ....


Responder

Gostei + 0

01/10/2019

Jothaz

Tenta assim:

<script>
    $(document).ready(function(){
                $("#ciclo").on("change", function(){
                var idciclo = $("#ciclo").val();
                    $.ajax({
                        url: "ciclo_inicios.php",
                        method: "POST",   
                        dataType: "json",                 
                        data: {'idciclo':  idciclo} 
                 
                    });                
                });            
            }); 
    </script>


Se o erro persistir imprime o $_POST[

<?php
echo  $_POST
 ?>
Responder

Gostei + 0

02/10/2019

Jeferson

Tentei dessa forma, mas ainda não traz,

Fiz um teste assim, pra ver se ao caminhar com a barra de input apareceria o valor pelo comando "alert"... 
<form method="POST">
<label class="mt-3" for="ciclo">CICLO</label>
<input type="range" class="custom-range" value="201901" min="201901" max="201915" step="1" id="ciclo">
<span>201901</span>
</form>

<script type="text/javascript">
$("#ciclo").on("change", function(){
	var idCiclo = $("#ciclo").val();
	
	$.ajax({
	   method: "POST",
	   url: "ciclo_inicios.php",
	   data: { 'ciclo': idCiclo },
		success: function(retorno){
				alert(retorno);
		}	   

	});
});
</script>

ao mover a barra aparece o valor em pop-up pelo comando "'alert" ... mas preciso que o valor passe "em tempo real" para uma variável em PHP

Tentei o PHP assim tbm:
<?php
$valorciclo = isset($_POST['idciclo']) ? $_POST['idciclo'] : '';
echo "$valorciclo";
?>


mas ainda não consigo carregar o valor na variável... :/

Responder

Gostei + 0

02/10/2019

Jeferson

Tentei dessa forma, mas ainda não traz,

Fiz um teste assim, pra ver se ao caminhar com a barra de input apareceria o valor pelo comando "alert"... 
<form method="POST">
<label class="mt-3" for="ciclo">CICLO</label>
<input type="range" class="custom-range" value="201901" min="201901" max="201915" step="1" id="ciclo">
<span>201901</span>
</form>

<script type="text/javascript">
$("#ciclo").on("change", function(){
	var idCiclo = $("#ciclo").val();
	
	$.ajax({
	   method: "POST",
	   url: "ciclo_inicios.php",
	   data: { 'ciclo': idCiclo },
		success: function(retorno){
				alert(retorno);
		}	   

	});
});
</script>

ao mover a barra aparece o valor em pop-up pelo comando "'alert" ... mas preciso que o valor passe "em tempo real" para uma variável em PHP

Tentei o PHP assim tbm:
<?php
$valorciclo = isset($_POST['idciclo']) ? $_POST['idciclo'] : '';
echo "$valorciclo";
?>


mas ainda não consigo carregar o valor na variável... :/


Se eu der apenas um Echo no POST no arquivo PHP, ele dá esse erro:
Notice: Undefined index: idciclo in C:\\xampp\\htdocs\\Painel\\ck\\ciclo_inicios.php on line 5

Responder

Gostei + 0

02/10/2019

Matheus Figueirêdo

Tentei dessa forma, mas ainda não traz,

Fiz um teste assim, pra ver se ao caminhar com a barra de input apareceria o valor pelo comando "alert"... 
<form method="POST">
<label class="mt-3" for="ciclo">CICLO</label>
<input type="range" class="custom-range" value="201901" min="201901" max="201915" step="1" id="ciclo">
<span>201901</span>
</form>

<script type="text/javascript">
$("#ciclo").on("change", function(){
	var idCiclo = $("#ciclo").val();
	
	$.ajax({
	   method: "POST",
	   url: "ciclo_inicios.php",
	   data: { 'ciclo': idCiclo },
		success: function(retorno){
				alert(retorno);
		}	   

	});
});
</script>

ao mover a barra aparece o valor em pop-up pelo comando "'alert" ... mas preciso que o valor passe "em tempo real" para uma variável em PHP

Tentei o PHP assim tbm:
<?php
$valorciclo = isset($_POST['idciclo']) ? $_POST['idciclo'] : '';
echo "$valorciclo";
?>


mas ainda não consigo carregar o valor na variável... :/


Se eu der apenas um Echo no POST no arquivo PHP, ele dá esse erro:
Notice: Undefined index: idciclo in C:\\\\xampp\\\\htdocs\\\\Painel\\\\ck\\\\ciclo_inicios.php on line 5




Boa tarde Jeferson. Tudo bem?

Então cara, faz um teste adicionando no INPUT um NAME com valor "idciclo", assim a requisição POST consegue captar o valor da variável IDCICLO.

<input type="range" class="custom-range" value="201901" min="201901" max="201915" step="1" id="ciclo" name="idciclo">


Responder

Gostei + 0

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar