[英]Get the value of select boxes from multiple forms
基本上,我重复这个表单几次,每个都有自己的提交按钮。 在这种情况下,我无法将表单中的所有选择框组合成一个表单。
<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
});
但是,变量'hour'和'minutes'仅保留第一个表单中选择框的值。 如果在第三个表单的第二个上单击提交按钮,我怎么能让这些变量具有正确的值?
你可以这样做:
$(".submit").click(function () {
var $form = $(this).closest('form');
var hour = $form.find(".hour").val();
var minutes = $form.find(".minutes").val();
// AJAX code here
});
单击提交按钮,它将转到最近的form
并在其中找到选择列表并相应地获取相应的值。 然后您可以处理数据。
添加上下文,例如:
$(".submit").click(function() {
var hour = $(".hour", $(this).parent()).val();
var minutes = $(".minutes", $(this).parent()).val();
// AJAX code here
});
编辑:此代码仅供您参考。 如果DOM结构不同,则可能需要更改。
您也可以使用'submit'事件代替'click'。 在这种情况下,您可以使用$(this)
作为上下文。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.