多个JQuery不同的表单选择器 [英] Multiple JQuery different form selectors
本文介绍了多个JQuery不同的表单选择器的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有两个表单一个和两个，根据提交的表单，我想调用一个函数基于我在逻辑结尾处提交的值。
I have two forms one and two, and based on which form is submitted I want to call a function based on that submitted value at the end of my logic.
我想知道我是否可以将每个选择器检索为数组索引，循环或属性或某些内容 var = tagsOrAnswerers ？然后也许我可以将该参数传递给我将被调用的函数。
I want to know if I can retrieve each selector as an array index, loop or a property or something to var = tagsOrAnswerers? And then maybe I can pass that argument onto my function which will be called.
<html>
<form class="one">
<input type="text" name="foo">
<input type="submit" value="Submit">
</form>
<form class="two">
<input type="text"name="boo">
<input type="submit" value="Submit">
</form>
</html>
<script>
$('.one,.two').submit( function(){
var fooOrBoo = $(this).find("input[name='foo'],[name='boo']").val();
getBoo(ifBoo); //run this function if var fooOrBoo = 'boo';
getFoo(ifFoo); //run this function if var fooOrBoo = 'foo';
});
</script>
推荐答案
为每个表单的答案指定一个通用名称。我将其命名为回答
Give a common name for the answers for each form. I named it as "answer"
<div class="forms">
<form class="one">
<input type="text" name="answer">
<input type="submit" value="Submit">
</form>
<form class="two">
<input type="text"name="answer">
<input type="submit" value="Submit">
</form>
</div>
以下是脚本：
<script>
$('.forms > form').submit( function(){
var data = $( this ).serializeArray();
console.log(data); // gives the current data of the forms
//using the data you can call whatever function you want using a switch statment
});
</script>
这篇关于多个JQuery不同的表单选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
