使用jquery访问多个表单值

时间:2015-02-10 20:30:01

标签: jquery

如何使用jquery访问多个更新的表单值?

我有一个带有显示已保存值的文本框的jsp表单。更新这些值后,我需要访问更新的值。 jsp文本框如下:

<html:text maxlength="11" size="11" property="user.pastAmt" onchange="showInfo();" />
<html:text maxlength="11" size="11" property="user.currAmt" onchange="showInfo();" />

在showInfo函数中,我需要访问user.pastAmt和user.currAmt的值,无论触发onchange事件的位置如何:

function showInfo() {
   alert('pastAmt: ' + $("[name='user.pastAmt']").val());
   alert('currAmt: ' + $("[name='user.currAmt']").val());
}

问题是如果我如上所述访问它,我只显示保存的值,而不是更新的值。

我发现我可以使用“this”关键字从事件中发送一个更新的值:

<html:text maxlength="11" size="11" property="user.pastAmt" onchange="showInfo(this);" />
<html:text maxlength="11" size="11" property="user.currAmt" />

使用:

function showInfo(pastA) {
   alert('pastAmt: ' + $(pastA).val());
   alert('currAmt: ' + $("[name='user.currAmt']").val());
}

但我如何访问另一个?

1 个答案:

答案 0 :(得分:0)

这应该有效,为每一个使用jQuery事件监听器。如果可以在一个jQuery选择器中选择它们,则可以组合它们。

$("[name='user.currAmt']").on('change', function () {
    var result = $("[name='user.currAmt']").val();
});
$("[name='user.pastAmt']").on('change', function () {
    var result = $("[name='user.currAmt']").val();
});