onChange関数を使用してテキストボックスの値を取得する方法

Question

値がchenagedのときにテキストボックスの値を取得したいと思います。私はそれを変更したときにテキストボックスの値を取得するためにonchange関数を使用しています。結果は返されますが、value.Itは変更された値の前にテキストボックスの値を与えます。

function myFunction(id) 
{ 
    var id=id; 
    var quantity = document.getElementById("quantity").value; 
    alert(quantity); 
} 

私のonchange機能：事前に

<input type="text" value="<?php echo $res['quantity']; ?>" name="qty" id="quantity" onChange="myFunction(<?php echo $res['id']; ?>);"/> 

おかげ

は、ここに私のスクリプトです。

Answer 1

<input>タグの場合はイベントではなく、onchangeです。あなたのJavascriptが次のようになります。

document.querySelector('#quantity').addEventListener('input', myFunction); 

function myFunction() { 
    // 'this' refers to the input, because you appended listener to it 
    console.log(this.value); //to avoid alert spam... 
} 

機能をそれらが宣言される前に、あなたはあなたが思っていた場合には、それらを使用できるように掲揚されます。

リスナーを追加します（ただし、注意してください、あなたは再び割り当てを行う場合は、それを置き換えるか、上書きすることができますする別の方法：

document.querySelector('#quantity').oninput = myFunction; 

そして、あなたのHTMLは次のようになります。

<input type='text' id='quantity' name='qty' value="<?php echo $res['quantity']; ?>"> 

Answer 2

使用OnKeyUpをかblurイベントテキストを入力してそのテキストボックスから何かに切り替えると、そのテキストを使用してアラートを使用してチェックが行われます。

<input type="text" onBlur="check(this.value);" /> 

    Function check(id) { 
    alert(id); 
    } 

希望すると助かります...