当页面上有多个表单时，jquery从表单上的单击按钮获取特定的输入值

Question

我在同一页面上有多个表单，但需要在单击特定表单时获取输入元素的值，即但是 jquery 返回未定义的查询 i我的脚本来获取值jQuery(function($) {  $('.theform').submit(function(e) {    e.preventDefault();    var user = $(this).find(".product").val();    alert(user);  });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>$product='productOne';<form class="theform">  <input id="" class='product' name="product" value="<?php echo $product; ??>" style="display: none">  <input type="hidden" class="userName" name="userName" value="john759">  <button class="action">Click</button></form>$product='productTwo';<form class="theform">  <input id="" class='product' name="product" value="<?php echo $product; ?>" style="display: none">  <input type="hidden" class="userName" name="userName" value="dDuck">  <button class="action">Click</button></form>

Answer 1

而不是这个：

var user = $(this).find(".product").val();

利用：

var user = $(this).parent().find(".product").val();

Answer 2

使用jquery最接近函数获取壁橱表单值；

$(this).closest('form').find(".product").val();

Answer 3

尝试更改按钮的类型

<button class="action" type="submit">Click</button>