如何将表单输入值传递给JavaScript函数

发布时间：2020-12-14 21:24:47 所属栏目：资源来源：网络整理

导读：我有一个通用的JavaScript函数，它接受一个参数 function foo(val) { ...} 我想在提交表单时调用该函数 forminput type="text" id="formValueId"/input type="button" onclick="foo(this.formValueId)"//form 但表达式foo(this.formValueId)不起作用(并不惊

我有一个通用的JavaScript函数，它接受一个参数

function foo(val) { ...}

我想在提交表单时调用该函数

<form>
<input type="text" id="formValueId"/>
<input type="button" onclick="foo(this.formValueId)"/>
</form>

但表达式foo(this.formValueId)不起作用(并不惊讶，这是一次绝望的尝试)，所以问题是，如何将表单值传递给javascript函数。
正如我提到的，javascript是通用的，我不想操纵其中的表单！

我可以在中间创建一个辅助函数来获取jQuery的表单值(例如)，然后调用该函数，但我想知道如果没有辅助函数我是否可以这样做。

解决方法

取出内联点击处理程序可能会更清晰，并执行以下操作：

$(document).ready(function() {
    $('#button-id').click(function() {
      foo($('#formValueId').val());
    });
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!