2017-01-03 61 views
0

嘿,我有這行代碼獲取輸入文本字段的最後一個值

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

和我做的是,當我按下一個按鈕,此輸入的值改變,將增加1,就像1 ,然後等2

但我想知道的是我如何得到這個輸入的最後一個值,例如,如果我按了五次按鈕,我如何獲得數字5在JavaScript或使用jQuery。

我一直在尋找一些信息,但我無法找到任何東西。

謝謝。

+4

我不知道你問什麼,但'$( '#product_qty')。 val()'會讓你獲得字段的值。此外,考慮到您的描述使用'type =「number」'字段,因爲它具有內置的所有功能 - 向上/向下箭頭以增加/減少和'min' /'max'屬性停止在給定範圍之上/之下計數 –

回答

2

在Javascript中你可以用SUBSTR

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

您也可以使用字符串作爲數組和做這樣的事情讓拉斯字符串:

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

我認爲這將計數輸入的值:

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

如果我正確理解你的問題,那麼你已經擁有了每次點擊加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()); 
)}; 
0

認爲你尋找的是這樣的:

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

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

相關問題