2016-06-11 291 views
0

我想在文本框的值为chenaged时获取文本框的值。我使用onchange函数来获取文本框的值,当它改变时,它给出了一个结果但没有改变值。它给出了改变值之前的文本框的值。如何得到改变的值。如何使用onChange函数获取文本框的值

这里是我的脚本:

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']; ?>);"/> 

在此先感谢。

+0

你能提供一个可重复的演示,没有所有的PHP? – nicael

+0

'var id = id;'???????????? – Azamantes

+0

check roytuts.com/submit-form-javascript-onchange/ – user3470953

回答

0

对于<input>标记您有oninput事件,而不是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']; ?>"> 
0

使用的onkeyup或模糊事件,所以一旦你输入文本并切换到该文本框中的东西,你会得到该文本使用警报进行检查:

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

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

希望它会帮助...

相关问题