JQuery表单更新监听器

时间:2009-06-06 23:05:11

标签: javascript jquery

我希望在特定表单中的某个元素发生更改时触发javascript函数。这可能是使用jquery吗?

有人有一个例子怎么做?

3 个答案:

答案 0 :(得分:2)

如果你有这样的文字字段:

<input type='text' id='myInput'>

你可以这样做:

function executeOnChange() {
    alert('new value = ' + $(this).val());    
}
$(function() { // wait for DOM to be ready before trying to bind...
    $('#myInput').change(executeOnChange);
});

Here is an example of this in action

请注意,您必须关注文本字段才能触发change事件。

如果您想按名称而不是ID选择输入,可以将$('#myInput')更改为$('input[name=myName]')。有关选择器的更多信息,check out the documentation

答案 1 :(得分:2)

Jut为表单中的项目编写选择器并附加更改处理程序 看到 http://docs.jquery.com/Events/change#examples

答案 2 :(得分:2)

$(function () { 
  $('form#id input[name=joe]').change( function() { alert('it changed!'); });
} );