获取输入文本字段的最后一个值[重复]答案

【问题标题】：Getting the last value of an input text field [duplicate]获取输入文本字段的最后一个值[重复]
【发布时间】：2017-05-17 18:59:36
【问题描述】：

嘿，我有这行代码

<input id="product_qty" type="text" name="product_qty" value="1" style="color: black">

我所做的是，当我按下按钮时，此输入的值会发生变化，并将添加 1，例如 1，然后是 2，等等。

但我想知道的是如何获得此输入的最后一个值，例如，如果我按了五次按钮，我如何在 javascript 或使用 jquery 中获得数字 5。

我正在寻找一些信息，但找不到任何东西。

谢谢。

【问题讨论】：

我不确定您到底在问什么，但$('#product_qty').val() 会为您提供字段的值。此外，鉴于您的描述，使用type="number" 字段似乎更合适，因为它具有您需要内置的所有功能 - 向上/向下箭头指向 inc/decrement 和 min/max 属性以停止上面的计数/低于给定范围

标签： javascript jquery html

【解决方案1】：

认为您正在寻找这样的东西：

$(function(){
    $('#button').click(function() {
    var val =  Number($('#product_qty').val());
    val++;
    $('#product_qty').val(val);
  });
})

小提琴：https://jsfiddle.net/k1wkqekf/

【讨论】：

【解决方案2】：

我认为这会计算输入中的值：

var count = document.getElementById("product_qty").value;
count++;

【讨论】：

【解决方案3】：

如果我正确理解您的问题，那么您的按钮上已经有一个点击事件，每次点击时您的输入值都会增加 1。

只需在同一个点击事件中获取值。

$('#yourButton').on('click', function(e) {
  // increment input by 1
  $('#product_qty').get(0).value++;
  // logging out your value - use it however you want
  console.log('my input value: ', $('#product_qty').val());
)};

【讨论】：

【解决方案4】：

可以用substr http://www.w3schools.com/jsref/jsref_substr.asp得到最后一串字符串

【讨论】：

【解决方案5】：

您也可以将字符串用作数组并执行以下操作：

var id = document.getElementById("product_qty").value;
var lastChar = id[id.length -1];

【讨论】：

【解决方案6】：

在 Javascript 中，您可以使用 substr

获取 las 字符串

var id = document.getElementById("product_qty").value;
var lastChar = id.substr(id.length - 1);

【讨论】：