Em minha página tem um formulário onde o usuário escolhe um valor numérico. Quero que sempre que o usuário mude o valor, o formulário seja enviado, sem a necessidade de pressionar o botão "enviar".
O código que eu tentei, mas não funcionou:
var valor = document.txtForm.valor.value;
var valorant = document.txtForm.valor.value;
while(1){
valor = document.txtForm.valor.value;
if(valor != valorant){
document.valor_analog.submit();
}
valorant = document.txtForm.valor.value;
}
<html>
<body>
<script src="env_aut.js"></script>
<form name ="valor_analog" action="http://192.168.0.3/" method="POST">
<input name="valor" type="range" min="100" max="500" step="10" />
<input type="submit" value="Submit">
</form>
</body>
</html>
Estou utilizando o seguinte código agora.
function envia(){
$.post("http://192.168.0.3/",{valor: $("#valor").val()},function(){});
}
<html>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<form id="valor_analog" action="http://192.168.0.3/" method="POST">
<input name="valor" id="valor" type="range" min="100" max="500" step="10" oninput="envia()"/>
<input type="submit" value="Submit">
</form>
</body>
</html>
O único problema é que está dando muito atraso.
onchange
na tua input a apontar para uma função, que assim cada vez que o valor é alterado vai para uma dada função, e dentro dessa função usas Ajax para submeter o formulário