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

前端之家收集整理的这篇文章主要介绍了如何将表单输入值传递给JavaScript函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个通用的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());
    });
});
原文链接:https://www.f2er.com/html/232551.html

猜你在找的HTML相关文章