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

【问题标题】：onchange form input grabs value and submits formonchange 表单输入抓取值并提交表单
【发布时间】：2017-11-15 14:16:06
【问题描述】：

click to see the toggle input

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

<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 值放入隐藏的表单字段？

【问题讨论】：

Submit form on change of input field的可能重复
您可以设置输入元素的值，方法与获取它的方式相同。所以像 document.getElementById("newqval").value = x;
好的，现在这对购物车中的第一项非常有效，但不是第二项或第三项，我想只有第一项，因为所有 onchange 输入字段都将是相同的值。跨度>

标签： javascript php html

【解决方案1】：

你可以使用onchange

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

以下是输入类型编号的示例

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

&lt;input type="number" id="quantity" onchange="myFunction()"/&gt;

【讨论】：

太棒了！我已经使用了您的代码并在我的最后一个问题中编辑了问题，在表单隐藏字段中获取 var x，它现在提交 ok onchange

【解决方案2】：

也许你正在搜索这个：

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

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

【讨论】：

不要忘记这个解决方案需要 jquery。你有错误。不是this.val()，而是$(this).val()
$('#quantity') 不是吗？