Question

我希望在值为chenaged时获取文本框的值。我正在使用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']; ?>);"/>

提前致谢。

Answer 1

对于<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']; ?>">

Answer 2

使用OnKeyUp或模糊事件，因此一旦您输入文本并切换到该文本框中的内容，您将获得该文本使用警报进行检查：

You have requested to uninstall the gem:
    rack-1.6.1

actionpack-4.2.1 depends on rack (~> 1.6)

希望它会有所帮助...

如何使用onChange函数获取文本框的值

2 个答案: