Question

我有一个项目数量的表单输入，它的格式设置为切换以增加和减少值

<input name="quantity" type="text" class="form-control text-center" id="quantity" value="<?php echo $crow[ 'quantity' ];?>" />

我如何使用javascript在更改或点击时运行功能并获取其值并提交表单？

感谢您的帮助

我现在有

function changeQuant(){
     var x = document.getElementById("quantity").value;
     document.getElementById('fquant').submit();
}

并且表单在更改时提交

<form action="cartplusone.php" method="post" id="fquant" >                  
   <td class="input-qty"><input name="quantity" type="text" class="form-control text-center" id="quantity" onchange="changeQuant()" value="<?php echo $crow[ 'quantity' ];?>" /></td>
   <input name="newqval" type="hidden" id="newqval" value="">
</form>

我现在如何最好地将var x值导入隐藏的表单字段？

Answer 1

也许你正在搜索这个：

<script>
$('#quantity').on('change', function() {
  alert($(this).val());
})
</script>

注意：此解决方案需要JQuery！

Answer 2

您可以使用onchange

在您的输入中添加此onchange="myFunction()"

以下是输入类型编号

的示例

 function myFunction(){
     var x = document.getElementById("quantity").value;
     console.log(x);
}

<input type="number" id="quantity" onchange="myFunction()"/>

onchange表单输入抓取值并提交表单

2 个答案: