基本上,我会重复此表单几次,每次都有自己的提交按钮。在这种情况下,我无法将表单中的所有选择框组合到一个表单中。
<form method="post" action="">
<select name="hour" class="hour">
// option tags
</select>
<select name="minutes" class="minutes">
// option tags
</select>
<input type="submit" name="submit" class="submit">
</form>
我正在使用 AJAX 来处理 te 值。
$(".submit").click(function() {
var hour = $(".hour").val();
var minutes = $(".minutes").val();
// AJAX code here
});
但是,变量“小时”和“分钟”将只保存第一个表单中选择框的值。如果在第三种形式的第二种形式上单击提交按钮,我如何让这些变量具有正确的值?
最佳答案
你可以这样做:
$(".submit").click(function () {
var $form = $(this).closest('form');
var hour = $form.find(".hour").val();
var minutes = $form.find(".minutes").val();
// AJAX code here
});
单击提交按钮后,它将转到最近的 form
并在其中找到选择列表并相应地获取各自的值。然后就可以处理数据了。
关于javascript - 从多个表单中获取选择框的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16875612/