监视输入元素的值更改

Question

US Price: <input type="text" name="us_price" id="us_price" value="1000" onchange="$('#uk_price').val($(this).val()*2);" />
UK Price :<input type="text" name="uk_price" id="uk_price" value="2000" />

如果用户输入美国价格的值，它将加倍并设置为英国价格。我想要的是写一个单独的函数来监控英国价格输入字段的价值变化。请帮忙。

例如：如果值已更改，则显示alert("Done!")。

Answer 1

$('#uk_price').change(function(){
    alert('changed! the value is now: ' + this.value);
    // You can assign the value to the us_price input
    $('#us_price').val(this.value));
});

---

请注意您拥有的代码：

$('#uk_price').val($(this).val()*2);

不会触发更改事件，因为它没有集中。

这应该可以解决问题：

$('#uk_price').focus().val(this.value * 2);
$(this).focus();